»
EnglishFrenchVietnamese

Print - Link Hint Scroller 1.0 - JavaScriptBank.com

Full version: jsB@nk » Link » Tooltip » Link Hint Scroller 1.0
URL: https://www.javascriptbank.com/link-hint-scroller.html

Link Hint Scroller 1.0 © JavaScriptBank.comWhen you move your mouse over the specified link, a hint or something about the JavaScript link will appear below the JavaScript link in a scrolling fashion. When you move your mouse out, the scrolling will stop.

Full version: jsB@nk » Link » Tooltip » Link Hint Scroller 1.0
URL: https://www.javascriptbank.com/link-hint-scroller.html



CSS
<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-->


JavaScript
<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 : premshree@hotmail.com            *//* 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-->


HTML
<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-->