<!-- STEPS TO INSTALL : 1. Copy the coding into the HEAD of your HTML document 2. Add the last code into the BODY tag your HTML document 3. Put the final code inside the BODY of your HTML page --> <!-- STEP ONE: Paste this code into the HEAD of your HTML document --> <head> <style TYPE="text/css"> <!-- BODY{ overflow:scroll; overflow-x:hidden; } .s1 { position : absolute; font-size : 10pt; color : blue; visibility: hidden; } .s2 { position : absolute; font-size : 18pt; color : red; visibility : hidden; } .s3 { position : absolute; font-size : 25pt; color : gold; visibility : hidden; } .s4 { position : absolute; font-size : 35pt; color : lime; visibility : hidden; } //--> </style> </head> <body background="fon.gif" bgcolor="#000000" text="red" link="violet" vlink="yellow" marginwidth="0" marginheight="0" leftmargin="0" topmargin="0" "> <CENTER> <p align="left"><font size="5"><strong>Example: </strong><small><small>Move your cursor around. </small></small><!--webbot bot="HTMLMarkup" startspan --><DIV ID="div1" CLASS="s1">*</DIV> <DIV ID="div2" CLASS="s2">*</DIV> <DIV ID="div3" CLASS="s3">*</DIV> <DIV ID="div4" CLASS="s4">*</DIV> <SCRIPT LANGUAGE="javascript" TYPE="text/javascript"> /* Submitted by Mike McGrath http://website.lineone.net/~mike_mcgrath Featured on JavaScript Kit (http://javascriptkit.com) For this and over 400+ free scripts, visit http://javascriptkit.com */ var nav = (document.layers); var tmr = null; var spd = 50; var x = 0; var x_offset = 5; var y = 0; var y_offset = 5; if(nav) document.captureEvents(Event.MOUSEMOVE); document.onmousemove = get_mouse; function get_mouse(e) { x = (nav) ? e.pageX : event.clientX+document.body.scrollLeft; y = (nav) ? e.pageY : event.clientY+document.body.scrollTop; x += x_offset; y += y_offset; beam(1); } function beam(n) { if(n<5) { if(nav) { eval("document.div"+n+".top="+y); eval("document.div"+n+".left="+x); eval("document.div"+n+".visibility='visible'"); } else { eval("div"+n+".style.top="+y); eval("div"+n+".style.left="+x); eval("div"+n+".style.visibility='visible'"); } n++; tmr=setTimeout("beam("+n+")",spd); } else { clearTimeout(tmr); fade(5); } } function fade(n) { if(n>0) { if(nav)eval("document.div"+n+".visibility='hidden'"); else eval("div"+n+".style.visibility='hidden'"); n--; tmr=setTimeout("fade("+n+")",spd); } else clearTimeout(tmr); } // --> </SCRIPT> </center> <!-- copyright (i4) --><div align="center"><a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><img style="margin:0;padding:0;border:0;" alt="Hosted by uCoz" src="http://s201.ucoz.net/img/cp/8.gif" width="80" height="15" title="Hosted by uCoz" /></a><br /></div><!-- /copyright --> </body> <script LANGUAGE="JavaScript"> <!-- Script Size: ? KB -->
