عرب ويب - عرض مشاركة واحدة

**ArabW** · #3 (**permalink**) 06-06-2005, 04:23 AM

ورده تتبع الماوس

كود PHP:

    هذا الكود يتكون من خطوتان 
الخطوه الاولى 
عليك بإضافة هذا الكود 
<SCRIPT LANGUAGE="javascript" TYPE="text/javascript"> 

/* 
Submitted by Mike McGrath  [url]http://website.lineone.net/~mike_mcgrath[/url] 
Featured on Website Abstraction ([url]http://coctail.net[/url]) 
For this and over 400+ free scripts, visit [url]http://wsabstract.com[/url] 
*/ 

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> 
<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> 
في منطقة الرأس أي بين الواصفتين 
<head>- </head> 
والخطوه الثانية إضافة بقية الكود بين الواصفتين 
<body> - </body> 
وهذا كود الخطوه الثانية 
<DIV ID="div1" CLASS="s1">*</DIV> 
<DIV ID="div2" CLASS="s2">*</DIV> 
<DIV ID="div3" CLASS="s3">*</DIV> 
<DIV ID="div4" CLASS="s4">*</DIV> 
<p align="center"><a href="http://www.coctail.net/"><font 
color="#FF00FF" size="4"><strong>coctail.Net</strong></font></a></p>