»
EnglishFrenchVietnamese

Print - Background-Echo-Echo-Echo for Links and Menus - JavaScriptBank.com

Full version: jsB@nk » Link » Tooltip » Background-Echo-Echo-Echo for Links and Menus
URL: http://www.javascriptbank.com/background-echo-echo-echo-for-links-and-menus.html

Background-Echo-Echo-Echo for Links and Menus © JavaScriptBank.comBackground-Echo-Echo-Echo is a rollover-script creating a unique background animation in order to enhance the impact of all kinds of links, buttons and JavaScript navigation bars.

Full version: jsB@nk » Link » Tooltip » Background-Echo-Echo-Echo for Links and Menus
URL: http://www.javascriptbank.com/background-echo-echo-echo-for-links-and-menus.html



CSS
<STYLE type=text/css>A {COLOR: #444444; FONT-FAMILY: Verdana; FONT-SIZE: 20px; FONT-WEIGHT: bold; TEXT-DECORATION: none}A:visited {COLOR: #444444}A:hover {COLOR: #000000; TEXT-DECORATION: underline}</STYLE><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


JavaScript
<SCRIPT><!-- Beginning of JavaScript -var message var ismouseover=0var obj = new Array()var repeater = 30 // so luong chu se xuat hien va di chuyenvar i_span=0var pause=20 // toc do di chuyen cua chuvar textfont=new Array() // fonttextfont[0]="Verdana"textfont[1]="Arial "textfont[2]="Arial"textfont[3]="Verdana"textfont[4]="Arial"var textstyle=new Array() // kieu chutextstyle[0]="normal"textstyle[1]="italic"textstyle[2]="normal"textstyle[3]="italic"var textcolor= new Array() // mau chutextcolor[0] ="FEFEFF"textcolor[1] ="FDFDFF"textcolor[2] ="FAFAFF"textcolor[3] ="F5F5FF"textcolor[4] ="F3F3FF"textcolor[5] ="EEEEFF"textcolor[6] ="ECECFF"textcolor[7] ="E9E9FF"textcolor[8] ="E5E5FF"textcolor[9] ="E2E2FF"textcolor[10] ="DDDDFF"function randommaker(range) {return Math.floor(range*Math.random())}function initiate(){    if (document.all) {       for (i=0; i<=repeater;i++) {            obj[i]=eval("span"+i)       }    }}function showmessage(newmessage) {message = newmessage      ismouseover=1    if (document.all) {        for (i=0; i<=repeater;i++) {            obj[i].innerHTML="<span id='spn"+i+"' style='position:absolute;top:"+randommaker(250)+"px;left:"+randommaker(400)+"px;font-family:"+textfont[randommaker(4)]+";font-size:"+randommaker(40)+"pt;font-style:"+textstyle[randommaker(4)]+";color:"+textcolor[randommaker(9)]+"'>"+message+"</span>"        }    }    animatespans()}function hidemessage() {    if (document.all) {        for (i=0; i<=repeater;i++) {            ismouseover=0            obj[i].innerHTML=""        }    }}function animatespans() {     if (ismouseover==1) {        window.status=i_span        var objtomove = eval("document.all.spn"+i_span+".style")        objtomove.posLeft+=randommaker(2)-1        objtomove.posTop+=randommaker(2)-1        i_span++        if (i_span>=repeater-1) {i_span=0}        var timer = setTimeout("animatespans()",pause)    }    else {        clearTimeout(timer)    }}window.onload=initiate// - End of JavaScript - --></SCRIPT><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<A href="http://www.javascriptbank.com" onmouseout=hidemessage() onmouseover="showmessage('javascriptbank.com')">JavaScriptBank.com</A><SCRIPT><!-- Beginning of JavaScript -for (i=0; i<=repeater;i++) {    document.write("<span id='span"+i+"'></span>")}document.close()// - End of JavaScript - --></SCRIPT><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->