1001 Astuces Nam@ni
http://www.namani.net
Texte défilant
dans une fenêtre
Le lecteur règle la vitesse du défilement.
Créer cette page web et la nommer defileuse.html
<html> <head> <SCRIPT LANGUAGE="JavaScript"> <!-- // par Eddie Traversa (psych3@primus.com.au) function verScroll(dir, spd, loop) { loop = true; direction = "up"; speed = 10; scrolltimer = null; if (document.layers) { var page = eval(document.contentLayer); } else { if (document.getElementById) { var page= eval("document.getElementById('contentLayer').style"); } else { if (document.all) { var page = eval(document.all.contentLayer.style); }// http://www.namani.net } } direction = dir; speed = parseInt(spd); var y_pos = parseInt(page.top); if (loop == true) { if (direction == "dn") { page.top = (y_pos - (speed)); } else { if (direction == "up" && y_pos < 10) { page.top = (y_pos + (speed)); } else { if (direction == "top") { page.top = 10; } } } scrolltimer = setTimeout("verScroll(direction,speed)", 1); } } function stopScroll() { loop = false; clearTimeout(scrolltimer); } // http://www.namani.net --> </script> </head> <body> <div id="contentLayer" style="position:absolute; width:300px; z-index:1; left: 39px; top: 51px"> <!-- LE TEXTE QUE VOUS VOULEZ AFFICHER --> </div> <div id="scrollmenu" style="position:absolute;width:200px;height:30px;z-index:1; left:400px; top: 40px"> <table border=1><tr><td> <table> <tr> <td align=left>Bas</td> <td> </td> <td align=right>Haut</td> </tr> <tr> <td colspan=3> <a href="#" onMouseOver="verScroll('up','25','true')" onMouseOut="stopScroll()"><<<</a> <a href="#" onMouseOver="verScroll('up','5','true')" onMouseOut="stopScroll()"><<</a> <a href="#" onMouseOver="verScroll('up','1','true')" onMouseOut="stopScroll()"><</a> | <a href="#" onMouseOver="verScroll('dn','1','true')" onMouseOut="stopScroll()">></a> <a href="#" onMouseOver="verScroll('dn','5','true')" onMouseOut="stopScroll()">>></a> <a href="#" onMouseOver="verScroll('dn','25','true')" onMouseOut="stopScroll()">>>></a> </td> </tr> </table> </td></tr></table> </div> <p align="right"> </p> <p align="right"> </p> <p align="right"> <script language="JavaScript1.1"> <!-- hsh = new Date(); hsd = document; hsi = '<a href="http://www.xiti.com/xiti.asp?s=46653"' hsi += ' TARGET="_blank"><img width="39" height="25" border=0 ' hsi += 'src="http://logv11.xiti.com/hit.xiti?s=46653' hsi += '&p=&hl=' + hsh.getHours() + 'x' + hsh.getMinutes() + 'x' + hsh.getSeconds(); if(parseFloat(navigator.appVersion)>=4) {Xiti_s=screen;hsi += '&r=' + Xiti_s.width + 'x' + Xiti_s.height + 'x' + Xiti_s.pixelDepth + 'x' + Xiti_s.colorDepth;} hsd.writeln(hsi + '&ref=' + hsd.referrer.replace('&', '$') + '" title="Mesurez votre audience"></a>'); //--> </script> <noscript> <a href="http://www.xiti.com/xiti.asp?s=46653" TARGET="_blank"><img width="39" height="25" border=0 src="http://logv11.xiti.com/hit.xiti?s=46653&p=&" title="Mesurez votre audience"></a> </noscript></p> </body></html>
Placer après le tag <body> de la page qui lance
<form name="fenetrenamani"> <input type=button value="Open Scroll Window" onClick="window.open('defileuse.html','fenetrenamani','top=100,left=100,width=575,height=400');"> </form>