Dies ist ein Vertikal-Scroller, der erst bei Berührung des Links den Text darstellt. Somit kann er z.B. für erklärende Texte benutzt werden die weitere Hinweise zum Link enthalten.
Berühre diesen Link !!!
HTML-Einbindung <!-- Script-Anfang --> <!-- www.java24.net - DIE Javascript-Ressource --> <!-- Diesen Code musst Du in den head-Tag einfügen--> <script language="javascript"> // Location of this script: // http://www.qiksearch.com/javascripts/qiksearch_vertical_scroller.htm //********************************************* //* Qiksearch Vertical Scroller * //* This script when you move your mouse over * //* displays a vertical scrolling hint * //* (c) Premshree Pillai, * //* http://www.qiksearch.com * //* 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_height = 150; //The scroll height var time_length =50; //Scroll speed var begin_pos = 20; //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"; } } //SCROLL function Scroll(layerName){ if (NS4 || IE4) { if (NS4 || IE4) { if(i<(begin_pos+scroll_height)){ eval(layerRef+'["'+layerName+'"]'+ styleSwitch+'.visibility="visible"'); eval(layerRef+'["'+layerName+'"]'+ styleSwitch+'.top="'+i+'"'); i++; j++; if(i==j){ setTimeout("Scroll('"+layerName+"')",time_length);} } } } } //STOP SCROLLING function StopScroll(layerName) { i=begin_pos+scroll_height; eval(layerRef+'["'+layerName+'"]'+ styleSwitch+'.top="'+i+'"'); hideLayer(layerName); } function reset() { i=begin_pos; j=i; } // HIDE HINT function hideLayer(layerName){ if (NS4 || IE4) { eval(layerRef+'["'+layerName+'"]'+ styleSwitch+'.visibility="hidden"'); } } </script> <!-- Diesen Code musst Du in den <body> einfügen.--> <p align="center"> <a href="#" class="link" onmouseover="javascript:reset();Scroll('prem_hint');" onmouseout="javascript:StopScroll('prem_hint');">Berühre diesen Link !!!</a> </center> </p> <div id="prem_hint" style="position:relative; left:50; visibility:hidden" class="prem_hint"> <font color="#FF0000"><b>Das ist der Vertikal-Scroller!<br>Auch hier wird der Scroller erst dann aktiv,<br>wenn Du den Link mit der Maus berührst.</b></font> </div> <!-- Script-Ende --> <!-- www.java24.net - DIE Javascript-Ressource -->
Hier kannst Du Dir das Javascript einfach per eMail zusenden lassen.
Wenn Du den Newsletter beziehen möchtest, klicke bitte in das Feld "Abo"