Friday, 19-Apr-2024, 10:54 AM


Main
Sign Up
Login
Wains Organization Welcome Guest | RSS  
Menu

Section categories
Javascripts [45]
Awesome javascripts codes..
HTML scripts [21]
HTML scripts you never seen before...

Information


Please Login Or Register to see all info
Name : Guest
Username : Guest
IP Address : 3.144.233.150
Group : Guests
Browser :

<..........................>
Current date : 19-Apr-2024
Current day : Friday

Get Updates

New Downloads
[ Games/Torrents ]
[ Games/Torrents ]
[ Softwares ]
demo image         
jQuery Book - 1.2-V1 (0)
[ Games/Torrents ]

Statistics

Total online: 1
Guests: 1
Users: 0

Main » Articles » Javascripts

Firelights after the mouse
Code


  <!-- this script got from www.wainsorg.ucoz.com coded by: AlexWains-->
<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 : 14pt;
  color : gold;
  visibility : hidden;
}

.s4
{
  position : absolute;
  font-size : 12pt;
  color : lime;
  visibility : hidden;
}

//-->
</style>

<div id="div1" class="s1">*</div>
<div id="div2" class="s2">*</div>
<div id="div3" class="s3">*</div>
<div id="div4" class="s4">*</div>

<br>
<font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>
<SCRIPT LANGUAGE="javascript" TYPE="text/javascript">

var nav = (document.layers);
var tmr = null;
var spd = 50;
var x = 0;
var x_offset = 5;
var y = 0;
var y_offset = 15;

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(4);
  }  
}  

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>


Preview :



*

*

*

*




JavaScript Free Code
Category: Javascripts | Added by: Alex (14-Feb-2013) | Author: Ali Ameen Wains E W
Views: 678 | Tags: javascripts, by Ali Ameen Wains, Codes, Firelights after the mouse | Rating: 0.0/0
Total comments: 0
Only registered users can add comments.
[ Sign Up | Login ]
Search

Extras

Partners
Add your website

New Scripts
[ HTML scripts ]
[ Javascripts ]
[18-Apr-2013]
Random Link (0)
[ HTML scripts ]
[14-Mar-2013]
Alignments (0)
[ HTML scripts ]
[14-Mar-2013]
Table with Color effect (0)
[ HTML scripts ]
[14-Mar-2013]
Line Divider (1)

New Blogs
[ Custom Script ]
[ How? ]
[ How? ]
[ How? ]

Our poll
How would you rate your knowledge in uCoz?

Copyright Wains Org. © 2024Powered by uCoz / Customization by Ali Ameen Wains / About AdminPrivacy Policy