İmleç Yazı Hareketi

Bu dersimizde sitemize mouse imlecinin yanında giden hoş bir yazı efektini yapmayı öğreneeğiz.

Bu dersimizde sitemize mouse imlecinin yanında giden hoş bir yazı efektini yapmayı öğreneeğiz.

Aşağıdaki

kısmına yapıştırmanız yeterli.

İşte Kod:


<SCRIPT language=JavaScript1.2>

<!--





var message=' sanalkurs.net';

var messagecolor='red '



//Enter number of seconds for message to display  (0=perpetual)

var dismissafter=0



///no need to edit below/////////

var amount=5,ypos=0,xpos=0,Ay=0,Ax=0,By=0,Bx=0,Cy=0,Cx=0,Dy=0,Dx=0,Ey=0,Ex=0;

if (document.layers){

for (i = 0; i < amount; i++)

{document.write('<layer name=ns'+i+' top=0 left=0><font face="Courier New" size=3 color='+messagecolor+'>'+message+'</font></layer>')}

window.captureEvents(Event.MOUSEMOVE);

function nsmouse(evnt){xpos = evnt.pageX;ypos = evnt.pageY;makefollow()}

}

else if (document.all){

document.write("<div id='outer' style='position:absolute;top:0px;left:0px'>");

document.write("<div id='inner' style='position:relative'>");

for (i = 0; i < amount; i++) 

{document.write('<div id="text"'+i+' style="position:absolute;top:0px;left:0px;font-family:Courier New;font-size:16px;color:'+messagecolor+'">'+message+'</div>')}

document.write("</div>");

document.write("</div>");

function iemouse(){ypos = document.body.scrollTop + event.y;xpos = document.body.scrollLeft + event.x;makefollow()}

}

function makefollow(){

if (document.layers){

document.layers["ns0"].top=ay;document.layers["ns0"].left=ax;

document.layers["ns1"].top=by;document.layers["ns1"].left=bx;

document.layers["ns2"].top=cy;document.layers["ns2"].left=cx;

document.layers["ns3"].top=Dy;document.layers["ns3"].left=Dx;

document.layers["ns4"].top=Ey;document.layers["ns4"].left=Ex;

}

else if (document.all){

outer.all.inner.all[0].style.pixelTop=ay;outer.all.inner.all[0].style.pixelLeft=ax;

outer.all.inner.all[1].style.pixelTop=by;outer.all.inner.all[1].style.pixelLeft=bx;

outer.all.inner.all[2].style.pixelTop=cy;outer.all.inner.all[2].style.pixelLeft=cx;

outer.all.inner.all[3].style.pixelTop=Dy;outer.all.inner.all[3].style.pixelLeft=Dx;

outer.all.inner.all[4].style.pixelTop=Ey;outer.all.inner.all[4].style.pixelLeft=Ex;

}

}

function move(){

if (dismissafter!=0)

setTimeout("hidetrail()",dismissafter*1000)



if (document.layers){window.onMouseMove = nsmouse}

else if (document.all){window.document.onmousemove = iemouse}

ey = Math.round(Ey+=((ypos+20)-Ey)*2/2);ex = Math.round(Ex+=((xpos+20)-Ex)*2/2);

dy = Math.round(Dy+=(ey - Dy)*2/4);dx = Math.round(Dx+=(ex - Dx)*2/4);

cy = Math.round(Cy+=(dy - Cy)*2/6);cx = Math.round(Cx+=(dx - Cx)*2/6);

by = Math.round(By+=(cy - By)*2/8);bx = Math.round(Bx+=(cx - Bx)*2/8);

ay = Math.round(Ay+= (by - Ay)*2/10);ax = Math.round(Ax+= (bx - Ax)*2/10);

makefollow();

jumpstart=setTimeout('move()',10);

}



function hidetrail(){

if (document.all){

for (i2=0;i2<amount;i2++){

outer.all.inner.all[i2].style.visibility="hidden"

clearTimeout(jumpstart)

}

}

else if (document.layers){

for (i2=0;i2<amount;i2++){

temp="ns"+i2

document.layers[temp].visibility="hide"

clearTimeout(jumpstart)

}

}

}



window.onload=move;

//-->

</SCRIPT>



Kodun içerisinde bulunan:


var message=' sanalkurs.net';

var messagecolor='red '



değerlerini istediğiniz gibi değiştirebilirsiniz.

Kolay Gelsin.
  • Etiketler;
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

sağol
begendim açıklayıcı kod ne kadar uzun olsada emegine sağlık:D
Ellerine sağlık kardeşim.Çok açıklayıcı olmuş gerçekten.Bana sadece kopyalayıp yapıştırmak kaldı :)
Arkadaşım bu tür kodlar site açılımını yavaşlatırmı acaba
Hocam yaptım güzel olduda bir sey sorcam bu sanalkurs.net yazısının imlecin etrafında dönmeisni nasıl sağlıyabiliriz
hocam elinize emeğinize sağlık

Yukarı Git