براي اينكه شما در صفحه هايتن بتوانيد به دنباله موس كلماتي را به حركت در آوريد مي توانيد از توضيحات زير استفاده كنيد.
شما براي اين كار بايد به صفحه خود در سه قسمت سورسي هايي را اضافه كنيد .به ترتيب زير :
ابتدا كد زير را در تگ <head> قرار دهيد:
<STYLE>.spanstyle {
COLOR: 00EEDD; FONT-FAMILY: Verdana; FONT-SIZE: 15pt; FONT-WEIGHT: Bold; POSITION: absolute; TOP: -50px; VISIBILITY: visible
}
</STYLE>
<SCRIPT language=javascript>
var i,x,y;
var step=20;
var flag=0;
var m="Your Message"
m=m.split("");
var xpos=new Array();
for(i=0;i<m.length-1;i++){
xpos[i]=-50;
}
var ypos=new Array();
for(i=0;i<m.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=m.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<m.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=m.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<m.length-1;i++)
{
var thisspan=eval("document.span"+i)
thisspan.left=xpos[i]
thisspan.top=ypos[i]
}
}
var timer=setTimeout("makesnake()",30)
}
</SCRIPT>
سپس كد زير را درون تگ <body> خود قرار دهيد:
onload=makesnake()
style="OVERFLOW-X: hidden; OVERFLOW-Y: scroll; WIDTH: 100%"
و در نهايت بعد از Body , يعني قبل از اينكه هر دستور ديگري را بنويسيد سورس زير را اضافه كنيد :
<SCRIPT language=javascript>
for(i=0;i<m.length-1;i++)
{
document.write ("<span id='span"+i+"'class='spanstyle'>");
document.write (m[i]);
document.write ("</span>")
}
if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove=handlermm;
</SCRIPT>
خوب حالا توضيحات :
وقتي همه اين كارها را كرديد متوجه مي شود بر روي صفحه شما پيغام your message به دنبال موس در حركت مي باشد.
براي تغيير اون متن بايد در قسمت سورس بين تگ <head> به دنبال var m="Your Message"1 باشيد ميتوانيد عبارت Your Message را با متن خود عوض كنيد.
در تگ <style> ميتوانيد كد زير را پيدا كنيد:
COLOR: 00EEDD; FONT-FAMILY: Verdana; FONT-SIZE: 15pt; FONT-WEIGHT: Bold; POSITION: absolute; TOP: -50px; VISIBILITY: visible
كه باتغيير Color:00EEDD به رنگ مورد نظر خودتان مي توانيد رنگش را هم تغيير بدهيد و بعد از آن FONT-SIZE: 15pt را پيدا مي كنيد كه مي توانيد اندازه متن خودتان را نيز تغيير دهيد. همچنين دستورات ديگري نيز در قسمت style وجود دارد كه ميتوانيد آنها را بسته به سليقه خود تغيير دهيد.
کلمات کليدي :
|
