Flip-Color-Scroller with unique lamellar effect

Flip-Color-Scroller with unique transition effect

Flip-Color-Scroller creates a dynamic lamellar transition effect between the messages. You may add as many messages and lamellas as you like. Each message can be linked to a separate URL. No images needed. Easy 1-minute-configuration of speed, font, font-size, colors, tickersize and number of lamellas. CROSSBROWSER.

Configuration:

Step 1: Put the file 'textlamellabw.js' and it into the same folder as your webpage.

Step 2: Open your webpage and paste the following code between <body> and </body>:

// your messages. Add as many messages a you like.
var message = new Array()
message[0]="GET A FREE WEB POLL NOW"
message[1]="FIND LOVE & REALTIONSHIPS"
message[2]="DISCOVER ALTERNATIVE MEDICINE"
message[3]="AND BE HAPPY DO NOT WORRY"

// links for your messages. You need as many links as as messages.
// If you don't want to link a message write '#' instead of an URL (see last sample)
var messageurl = new Array()
messageurl[0]="http://www.commission-junction.com/track/track.dll?AID=900029&PID=503463&URL=http%3A%2F%2Fwww%2Epollit%2Ecom%2F%3Fref%3Dcj%5Ftext1"
messageurl[1]="http://service.bfast.com/bfast/click?bfmid=20810152&siteid=30125010&bfpage=health3"
messageurl[2]="http://service.bfast.com/bfast/click?bfmid=20810152&siteid=30125010&bfpage=health2"
messageurl[3]="#"

// target of the message-links (HTML conventions)
var target_url="_blank"
	
// width of scroller
var textwidth=240

// height of scroller
var textheight=100

// borderwidth of scroller
var borderwidth=2

// size of the font (HTML conventions)
var font_size=5

// font
var font_face="Verdana"

// horizontal position of the scroller (distance to the left margin of the window)
var horizontal_pos=10

// vertical position of the scroller (distance to the top margin of the window)
var vertical_pos=10

// number of lamellas.
var x_slices=12

// colors (required for the color-flip-effect)
var color1="red"
var color2="yellow"

// pause beween the messages (seconds)
var pause=2

// - End of JavaScript - -->
</script>
<script src="textlamellabw.js"></script>

IMPORTANT: Do not paste this code into tables or <DIV> and </DIV> or between any other container!

Step 3: Configure font, fontsize, colors, speed, size and position inside the script.

Step 4: Paste the following code between <head> and </head>:

Click here to download files