JavaScript Collector

Banner effects

This JavaScript scrolls messages with many varity ways.... detail


How to setup

Step 1: Copy & Paste HTML code below in your BODY section
HTML
Code:
<SCRIPT>

// your messages. Add as many as you like.
var messages = new Array()
messages[0] = "JavaScriptBank.com"
messages[1] = "Bank of over 2000+ free JavaScripts"
messages[2] = "Free JavaScripts, Tutorials"
messages[3] = "Free Example Codes, DHTML"
messages[4] = "Free CSS, Resources and more"

// the background-colors of your scroller. Add as many as you like.
var backgroundcolor=new Array("silver", "yellow", "#7083c7", "lime", "red", "orange")

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

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

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

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

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

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

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

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

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

// 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>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->





Javascript floating message - Javascript multi level menu - JavaScript in_array()
Quote Originally Posted by Copyright
The Site may provide, or third parties may provide, links to non-JavaScriptBank.com Internet World Wide Web sites or resources. Because JavaScriptBank.com has no control over such sites and resources, you acknowledge and agree that JavaScriptBank.com is not responsible for the availability of such external sites or resources, and does not endorse and is not responsible or liable for any content, advertising, products, or other materials on or available from such sites or resources. You further acknowledge and agree that JavaScriptBank.com shall not be responsible or liable, directly or indirectly, for any damage or loss caused or alleged to be caused by or in connection with use of or reliance on any such content, goods or services available on or through any such site or resource.