حركة جمالية لأول مرة

**DR.TAREQ** · 05-21-2008 05:23 PM

بسم اللهـ الرحمن الرحيم

جايب لكمـ اليوم كود لاول

اول شي نشوف المثال

http://www.a-ly.com/vb

ركز على الماوس

لإضافة هذهـ الحركة الجمالية بمنتداك

ما عليك يالذيب إلا

إضافة هالكود بآخر الهيدر


<HTML> 

<HEAD> 
  <TITLE>mouse</TITLE> 
  <META name="description" content=""> 
  <META name="keywords" content=""> 
<style>.spanstyle { 
    COLOR: white; FONT-FAMILY: Verdana; FONT-SIZE: 8pt; FONT-WEIGHT: bold; POSITION: absolute; TOP: -50px; VISIBILITY: visible 
} 
</style> 

<SCRIPT LANGUAGE="JavaScript"> 

var x, y; 
var step = 10; 
var flag = 0; 

var message = "a-ly.com"; 
message = message.split(""); 
var xpos = new Array(); 
for (i = 0; i <= message.length - 1; i++) { 
xpos[i] = -50; 
} 
var ypos = new Array(); 
for (i = 0; i <= message.length - 1; i++) { 
ypos[i]= -50; 
} 
function handlerMM(e) { 
x = (document.layers) ? e.pageX : document.body.scrollLeft + event.clientX; 
y = (document.layers) ? e.pageY : document.body.scrollTop + event.clientY; 
flag = 1; 
} 
function makesnake() { 
if (flag == 1 && document.all) { 
for (i = message.length - 1; i >= 1; i--) { 
xpos[i] = xpos[i - 1] + step; 
ypos[i] = ypos[i - 1]; 
} 
xpos[0] = x + step; 
ypos[0] = y; 
for (i = 0; i < message.length - 1; i++) { 
var thisspan = eval("span" + (i) + ".style"); 
thisspan.posLeft = xpos[i]; 
thisspan.posTop = ypos[i]; 
   } 
} 
else if (flag==1 && document.layers) { 
for (i = message.length - 1; i >= 1; i--) { 
xpos[i] = xpos[i - 1] + step; 
ypos[i] = ypos[i - 1]; 
} 
xpos[0] = x + step; 
ypos[0] = y; 
for (i = 0; i < message.length - 1; i++) { 
var thisspan = eval("document.span" + i); 
thisspan.left = xpos[i]; 
thisspan.top = ypos[i]; 
   } 
} 
var timer = setTimeout("makesnake()", 10); 
} 
// End --> 
</script> 
</HEAD> 
<body bgcolor="#000080" text="#000000" onload="makesnake()" 
style="OVERFLOW-X: hidden; OVERFLOW-Y: scroll; WIDTH: 100%"> 

<SCRIPT LANGUAGE="JavaScript"> 
<!-- Begin 
for (i = 0; i <= message.length-1; i++) { 
document.write("<span id='span"+i+"' class='spanstyle'>"); 
document.write(message[i]); 
document.write("</span>"); 
} 
if (document.layers) { 
document.captureEvents(Event.MOUSEMOVE); 
} 
document.onmousemove = handlerMM; 
// End --> 
</script> 

<//--><//"--><!-- VC layer --> 
<SCRIPT LANGUAGE="JavaScript"> 
<!-- 
document.write('<LAYER SRC="' + ValueBanner + '&t=html" WIDTH="' + IWidth 
+ '" '); 
document.write('HEIGHT="' + IHeight + '" VISIBILITY="hide" onLoad='); 
document.write('"moveToAbsolute(VC.pageX,VC.pageY); clip.width=' + IWidth 
+ '; '); 
document.write('clip.height=' + IHeight + 
'; visibility=\'show\'"></LAYER>'); 
// --> 
</SCRIPT> 
<!-- vc layer --> 
</BODY> 
</HTML>