Web sayfanıza fareyi kovalayan yazılar yerleştirmek
son derece kolay. İmlecin peşinden göze hoş bir dalga efektiyle yol alan yazılar göze son derece hoş geliyor. Küçük boş bir sayfada örnek görmek için BURAYA tıklayabilirsiniz.
Öncelikle yeni bir sayfa açıp
<head> ve de
</head> komutları arasına aşağıdaki iki grup kodu yerleştirelim:
<style type="text/css">
<!--
.spanstyle {
position:absolute;
visibility:visible;
top:-50px;
font-size:15pt;
font-family:Verdana;
font-weight:bold;
color:#cc0000;
}
BODY {
width:100%;overflow-x:hidden;overflow-y:scroll;
}
-->
</style>
Yukardaki parametrelerle oynayarak yazının görünümünü
değiştirebilirsiniz.
<script language="JavaScript1.2">
<!--
var x,y
var kern=20
var flag=0
var message="Yazı Buraya"
message=message.split("")
var xpos=new Array()
for (i=0;i<message.length;i++) {
xpos[i]=-50
}
var ypos=new Array()
for (i=0;i<message.length;i++) {
ypos[i]=-50
}
function handlerMM(e){
x = (e) ? e.pageX : document.body.scrollLeft+event.clientX
y = (e) ? e.pageY : document.body.scrollTop+event.clientY
flag=1
}
function makebanner() {
if (flag==1) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+kern
ypos[i]=ypos[i-1]
}
xpos[0]=x+kern
ypos[0]=y
for (i=0; i<message.length; i++) {
if (document.getElementById) {
var thisspan = document.getElementById("span"+i).style
} else {
var thisspan = eval((document.layers)?"document.span"+i:"span"+(i)+".style")
}
if (thisspan.posLeft) {
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]
}
if (!thisspan.posLeft) {
thisspan.left=xpos[i]
thisspan.top=ypos[i]
}
}
}
var timer=setTimeout("makebanner()",30)
}
window.onload=makebanner;
//-->
</script>
Burada altıncı satırdaki "Yazı Buraya" bölümüne fare imlecini
kovalamasını istediğiniz mesajı yazın.
Son olarak <body> ile </body>
arasına da şu kodları ekleyelim:
<script language="JavaScript1.2">
<!--
for (i=0;i<message.length;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;
//-->
</script>
Fare kovalayıcı için yapılması gerekenler bunlar, artık sayfanın geri kalanını
da hazırlayabiliriz...