Tüm dersler ve Matematik - Maus Kıvılcım Efekti

Maus Kıvılcım Efekti

Maus Kıvılcım Efekti
Sitenize ekleyeceğiniz bu kodla mausunuzdan kıvılcım efekti çıkmasını sağlayabilirsiniz.

İki Adımda Bu kodu Sitenize Ekleyebilirsiniz:

ADIM BİR: Aşağıdaki kodu HEAD tagları arasına ekleyin.

<HEAD>

<!– Begin CSS

#a { position: absolute; top: 10px; left: 10px; visibility: visible }

#b { position: absolute; top: 10px; left: 10px; visibility: visible }

#c { position: absolute; top: 10px; left: 10px; visibility: visible }

#d { position: absolute; top: 10px; left: 10px; visibility: visible }

#e { position: absolute; top: 10px; left: 10px; visibility: visible }

#f { position: absolute; top: 10px; left: 10px; visibility: visible }

#g { position: absolute; top: 10px; left: 10px; visibility: visible }

End CSS –>

</style>

</HEAD>

ADIM BİR: Aşağıdaki kodu BODY tagları arasına ekleyin.

<BODY>

</div>

<!– Original: freeware.de –>

<!– Web Site: http://freeware.de –>

<!– MSIE Fix by: Kurt Grigg (kurt.grigg@virgin.net) –>

<!– Begin

if (document.layers) {

window.captureEvents(Event.MOUSEMOVE);

}

var yBase = 200;

var xBase = 200;

var yAmpl = 10;

var yMax = 40;

var step = .2;

var ystep = .5;

var currStep = 0;

var tAmpl=1;

var Xpos = 1;

var Ypos = 1;

var i = 0;

var j = 0;

if (document.all) {

function MoveHandler(){

Xpos = document.body.scrollLeft + event.x;

Ypos = document.body.scrollTop + event.y;

}

document.onmousemove = MoveHandler;

}

else if (document.layers) {

function xMoveHandler(evnt) {

Xpos = evnt.pageX;

Ypos = evnt.pageY;

}

window.onMouseMove = xMoveHandler;

}

function animateLogo() {

if (document.all) {

yBase = window.document.body.offsetHeight / 4;

xBase = window.document.body.offsetWidth / 4;

}

else if (document.layers) {

yBase = window.innerHeight / 4;

xBase = window.innerWidth / 4;

}

if (document.all) {

for (i = 0 ; i < starsDiv.all.length; i++) {

starsDiv.all[i].style.top = Ypos + Math.cos((20*Math.sin(currStep/20))+i*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10);

starsDiv.all[i].style.left = Xpos + Math.sin((20*Math.sin(currStep/20))+i*70)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10);

}

else if (document.layers) {

for (j = 0; j < 7; j++) { //7 is number of NS layers!

var templayer=”a” + j;

document.layers[templayer].top = Ypos + Math.cos((20*Math.sin(currStep/20))+j*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*25)/10);

document.layers[templayer].left =Xpos + Math.sin((20*Math.sin(currStep/20))+j*70)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*25)/10);

}

currStep += step;

setTimeout(”animateLogo()”, 10);

}

animateLogo();

// End –>

</script>

<font face=”arial, helvetica” size=”-2″>Free JavaScripts provided<br>

by <a href=”http://javascriptsource.com”>The JavaScript Source</a></font>

</center><p>