Phiên bản đầy đủ: jsB@nk » Liên kết » Chú thích » Chữ di chuyển khi rê chuột vào liên kết
URL: https://www.javascriptbank.com/link-hint-scroller.html
Hiệu ứng tạo một dòng chú thích cho liên kết sẽ di chuyển từ trái sang phải khi người dùng rê con trỏ chuột vào liên kết.
Phiên bản đầy đủ: jsB@nk » Liên kết » Chú thích » Chữ di chuyển khi rê chuột vào liên kết
URL: https://www.javascriptbank.com/link-hint-scroller.html
<STYLE type=text/css>.link {FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #003399; FONT-FAMILY: verdana,arial,helvetica}.link:hover {FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #0099ff; FONT-FAMILY: verdana,arial,helvetica}.prem_hint {FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: verdana,arial,helvetica}.header {FONT-WEIGHT: bold; FONT-SIZE: 20pt; COLOR: #808080; FONT-FAMILY: arial,verdana,helvetica}</STYLE><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><SCRIPT language=javascript>//*********************************************//* Link Hint Scroller 1.0 *//* This script when you move your mouse over *//* displays a scrolling hint *//* (c) Premshree Pillai, *//* E-mail : [email protected] *//* Use the script freely as long as this *//* message is intact *//*********************************************window.onerror = null; var bName = navigator.appName; var bVer = parseInt(navigator.appVersion); var NS4 = (bName == "Netscape" && bVer >= 4); var IE4 = (bName == "Microsoft Internet Explorer" && bVer >= 4); var NS3 = (bName == "Netscape" && bVer < 4); var IE3 = (bName == "Microsoft Internet Explorer" && bVer < 4); var scroll_length = 150; //The scroll length var time_length =50; //Scroll speed var begin_pos = 300; //Start position of scroll hint var i; var j; if (NS4 || IE4) { if (navigator.appName == "Netscape") { layerStyleRef="layer."; layerRef="document.layers"; styleSwitch=""; }else{ layerStyleRef="layer.style."; layerRef="document.all"; styleSwitch=".style"; }}//SCROLLfunction Scroll(layerName){if (NS4 || IE4) { if (NS4 || IE4) { if(i<(begin_pos+scroll_length)){ eval(layerRef+'["'+layerName+'"]'+ styleSwitch+'.visibility="visible"'); eval(layerRef+'["'+layerName+'"]'+ styleSwitch+'.left="'+i+'"'); i++; j++; if(i==j){ setTimeout("Scroll('"+layerName+"')",time_length);} } } }}//STOP SCROLLINGfunction StopScroll(layerName){i=begin_pos+scroll_length; eval(layerRef+'["'+layerName+'"]'+ styleSwitch+'.left="'+i+'"'); hideLayer(layerName);}function reset(){ i=begin_pos;j=i;}// HIDE HINTfunction hideLayer(layerName){ if (NS4 || IE4) { eval(layerRef+'["'+layerName+'"]'+ styleSwitch+'.visibility="hidden"'); } }</SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><A class=link onmouseover="javascript:reset();Scroll('prem_hint');" onmouseout="javascript:StopScroll('prem_hint');" href="LinkScroller.html#">Move your mouse over</A><DIV class=prem_hint id=prem_hint style="VISIBILITY: hidden; POSITION: relative">This is the hint or description for the above link! </DIV><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->