»
Tiếng AnhTiếng PhápTiếng Việt

In - Liên kết với chữ nền di chuyển - JavaScriptBank.com

Phiên bản đầy đủ: jsB@nk » Liên kết » Chú thích » Liên kết với chữ nền di chuyển
URL: https://www.javascriptbank.com/background-echo-echo-echo-for-links-and-menus.html

Liên kết với chữ nền di chuyển © JavaScriptBank.comMỗi khi người dùng rê con trỏ chuột vào liên kết có sử dụng hiệu ứng JavaScript này, nó sẽ tạo ra vô số dòng chữ với các kích thước khác nhau di chuyển trong trang web.

Phiên bản đầy đủ: jsB@nk » Liên kết » Chú thích » Liên kết với chữ nền di chuyển
URL: https://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-->