DHTML Super Scroller: 22 flash like headline animations script

Super Scroller: 22 flash like headline animations
This is probably the most "flashy" and fancy headline animation script you have ever seen. It applies more than 20 different effects in order to animate your messages. Cross-browser (no special effects for NN4, does not work with NN6). True copy-and-paste installation. Very easy configuration of messages, colors, font proprieties, position and size of scroller.

Configuration

Step 1: Open your web page. Paste the following code right above the </body> tag of your web page (you find this tag almost at the bottom of your web page):

// IMPORTANT: 
// If you add this script to a script-library or a script-archive 
// you are required to insert a highly visible link to http://www.fabulant.com
// right into the webpage where the script
// will be displayed.

///////////////////////////////////////////////////////////////////////////
// CONFIGURATION STARTS HERE
///////////////////////////////////////////////////////////////////////////

// your messages. Add as many as you like.
var messages = new Array()
messages[0] = "Transition effects are great!"
messages[1] = "They catch the eyes of your visitors"
messages[2] = "without wasting bandwidth and space."
messages[3] = "This scroller enhances the impact of your pages."
messages[4] = "Just copy and paste the code into your webpage."
messages[5] = "Configuration of messages and font proprieties is very easy."
messages[6] = "Try it and have fun!"
messages[7] = "Now it's time to say goodbye."
messages[8] = "Thank you for visiting www.fabulant.com."
messages[9] = "And come back soon."

// the background-colors of your scroller. Add as many as you like.
var backgroundcolor=new Array("CCCCCC", "yellow", "CCFFFF", "AAEEFF", "CCFF88", "orange")

// the font-colors of your messages. Add as many as you like.
var fntcolor = new Array("black","red","226622","0000FF")

// the font of your messages.
var fntfamily="Arial"

// the font-size (1 to 7)
var fntsize=3

// font-weight: set 1 for bold font, set 0 for normal font
var fntweight=1

// the width of the border (pixels)
var borderwidth=2

// the width of your scroller (pixels)
var scrollerwidth=200

// the height of your scroller (pixels)
var scrollerheight=80

// the horizontal position of your scroller (distance to the left margin of browserwindow)
var scrollerposition_x=10

// the horizontal position of your scroller (distance to the top margin of browserwindow)
var scrollerposition_y=10

// interval (time for each effect plus standstill time, seconds)
var interval=4

///////////////////////////////////////////////////////////////////////////
// CONFIGURATION ENDS HERE
///////////////////////////////////////////////////////////////////////////

var i_messages = 0
var timer
interval=interval*1000
if (fntweight==1) { 
    fntweight="<b>"
}
else {
    fntweight=""
}

function randomposition(range) {		
	return Math.floor(range*Math.random())
}

function dotransition() {
    if (document.all) {
        content.filters[i_messages].apply()
        content.innerHTML = "<table width="+scrollerwidth+" height="+scrollerheight+" border="+borderwidth+" cellpadding=3 cellspacing=0><tr><td bgcolor="+backgroundcolor[randomposition(backgroundcolor.length)]+" align=center valign=middle>"+fntweight+"<font face="+fntfamily+" size="+fntsize+" color="+fntcolor[randomposition(fntcolor.length)]+">"+messages[i_messages]+"</font></td></tr></table>"
        content.filters[i_messages].play()
        if (i_messages >= messages.length-1) {
            i_messages = 0
        }
        else {
            i_messages++
        }
    } 
	
	    if (document.layers) {
        document.nn.document.write("<table width="+scrollerwidth+" height="+scrollerheight+" border="+borderwidth+" cellpadding=3 cellspacing=0><tr><td bgcolor="+backgroundcolor[randomposition(backgroundcolor.length)]+" align=center valign=middle>")
		 document.nn.document.write(fntweight+"<font face="+fntfamily+" size="+fntsize+" color="+fntcolor[randomposition(fntcolor.length)]+">"+messages[i_messages]+"</font></td></tr></table>")
		document.close()
        if (i_messages >= messages.length-1) {
            i_messages = 0
        }
        else {
            i_messages++
        }
    } 
    timer = setTimeout("dotransition()",interval)   
}

if (document.all) {
    document.write('<DIV id=content style="position:absolute; top:'+scrollerposition_y+'px; left:'+scrollerposition_x+'px;  text-align:center; filter: revealTrans(Transition=1, Duration=3) revealTrans(Transition=2, Duration=3) revealTrans(Transition=3, Duration=2)  revealTrans(Transition=4, Duration=2)  revealTrans(Transition=5, Duration=1)  revealTrans(Transition=6, Duration=3)  revealTrans(Transition=7, Duration=2)  revealTrans(Transition=8, Duration=1)  revealTrans(Transition=9, Duration=3)  revealTrans(Transition=10, Duration=1)  revealTrans(Transition=11, Duration=2)  revealTrans(Transition=12, Duration=3)  revealTrans(Transition=13, Duration=1)  revealTrans(Transition=14, Duration=2)  revealTrans(Transition=15, Duration=3)  revealTrans(Transition=16 Duration=1)  revealTrans(Transition=17, Duration=2)  revealTrans(Transition=18, Duration=3) revealTrans(Transition=19, Duration=1) revealTrans(Transition=20, Duration=2) revealTrans(Transition=21, Duration=3) revealTrans(Transition=22, Duration=3)"><table width='+scrollerwidth+' height='+scrollerheight+' border='+borderwidth+' cellpadding=3 cellspacing=0><tr><td bgcolor='+backgroundcolor[randomposition(backgroundcolor.length)]+' align=center valign=middle> </td></tr></table></DIV>')
    window.onload=dotransition
}
if (document.layers) {
    document.write('<layer id=nn top='+scrollerposition_y+' left='+scrollerposition_x+'> </layer>')
    document.close()
    window.onload=dotransition
    }
    </script>

ATTENTION: do not paste the code into tables!

Step 2: Open your web page. Go to the top of the script-code and configure the messages, the background-colors, the font proprieties, the size and the position of the scroller.

Download 500 free copy-and-paste scripts

Like this code snippet? Why not share it with others by copying this page URL: