Diagonal-Scroller

Das besondere an diesem Scroller ist, dass er nicht
automatisch beim Start der Seite anfängt, sondern erst bei Berührung des Links.
Dieser dient jedoch nicht nur zum Start des Scrollers, sondern kann auch auf eine
andere Seite führen.

Hier den Mauszeiger draufstellen !!

Das ist der diagonale Scroller !!
Mit dem könnt Ihr so einiges anstellen.....
Eignet sich sehr gut für kleine Hinweistexte.

HTML-Einbindung
   <script language="javascript"> // Location of this script: // http://www.qiksearch.com/javascripts/qiksearch_diagonal_scroller.htm //********************************************* //* Qiksearch Diagonal Scroller * //* This script when you move your mouse over * //* displays a diagonally scrolling text * //* (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+'.left="'+i+'"'); 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+'.left="'+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>  </head> <body> <center> <script language="JavaScript1.1">  </script> <h1>Diagonal-Scroller</h1> </center>  <p align="center" class="center">Das besondere an diesem Scroller ist, dass er nicht<br> automatisch beim Start der Seite anfängt, sondern erst bei Berührung des Links.<br> Dieser dient jedoch nicht nur zum Start des Scrollers, sondern kann auch auf eine<br> andere Seite führen.<p align="center" class="center"> <a href="#"class="link" onmouseover="javascript:reset();Scroll('prem_hint');" onmouseout="javascript:StopScroll('prem_hint');">Hier den Mauszeiger draufstellen !!</a> </center> <div id="prem_hint" style="position:relative; visibility:hidden" class="prem_hint"> <font color="#FF0000"><b>Das ist der diagonale Scroller !!<br>Mit dem könnt Ihr so einiges anstellen.....<br> Eignet sich sehr gut für kleine Hinweistexte.</div></font></b>   <a href="#"class="link" onmouseover="javascript:reset();Scroll('prem_hint');" onmouseout="javascript:StopScroll('prem_hint');">Hier den Mauszeiger draufstellen !!</a> </center> <div id="prem_hint" style="position:relative; visibility:hidden" class="prem_hint"> <font color="#FF0000"><b>Das ist der diagonale Scroller !!<br>Mit dem könnt Ihr so einiges anstellen.....<br> Eignet sich sehr gut für kleine Hinweistexte.</div></font></b>

Hier kannst Du Dir das Javascript einfach per eMail zusenden lassen.

Mail:

Name:

Abo
Wenn Du den Newsletter beziehen möchtest, klicke bitte in das Feld "Abo"