کد جاوا جرقه به همراه ماوس

کد جاوا جرقه به همراه ماوس ...

برای دیدن نمونه کد  ماوس خود را در همین صفحه حرکت دهید !

کد جاوا در ادامه مطلب...

*

*

*

*

BODY{
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 class="s1" id="div1">*</div>
<div class="s2" id="div2">*</div>
<div class="s3" id="div3">*</div>
<div class="s4" id="div4">*</div>

<p align="center"><br /></p>

<script type="text/javascript" language="javascript">/*<![CDATA[*/

/*
Script 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
*/

//Updated Feb 20th, 08 by JavaScriptKit.com: Script now compatible in IE7/FF

var standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes

var nav = (!document.all || window.opera);
var tmr = null;
var spd = 50;
var x = 0;
var x_offset = 5;
var y = 0;
var y_offset = 15;

document.onmousemove = get_mouse;

function get_mouse(e)
{   
  x = (nav) ? e.pageX : event.clientX+standardbody.scrollLeft;
  y = (nav) ? e.pageY : event.clientY+standardbody.scrollTop;
  x += x_offset;
  y += y_offset;
  beam(1);    
}

function beam(n)
{
  if(n<5)
  {
                document.getElementById('div'+n).style.top=y+'px'
                document.getElementById('div'+n).style.left=x+'px'
                document.getElementById('div'+n).style.visibility='visible'
    n++;
    tmr=setTimeout("beam("+n+")",spd);
  }
  else
  {
     clearTimeout(tmr);
     fade(4);
  }  
}

function fade(n)
{
  if(n>0)
  {
                document.getElementById('div'+n).style.visibility='hidden'
    n--;
    tmr=setTimeout("fade("+n+")",spd);
  }
  else clearTimeout(tmr);
}

// -->
/*]]>*/</script>