| 1.Adım
Bu javaScript kodlamasında resimin sayfada istenilen
kordinatlarda hareket
etmesi için x ve y değerleri istenilen konuma göre değiştirilebilir.Script
le baş
layan kodlama <HEAD>
</HEAD> tag'lerinin arasına gelecek şekilde yazılmalıdır.
2.Adım:
jpg veya gif uzantılı bir resim hazırlayın ve kodlamada <IMG
SRC="resim.gif"> olan yere adı ve uzantısı
ile birlikte yazılmalıdır.Bu resimle hazırlayacağınız sayfa
aynı ortamda olmalıdır.Aksi taktirde resim görünmeyecektir.
3.Adım:
Aşağıdaki kodları 1 adımda anlatılan yere kes yapıştır yöntemiyle
kopyalayın.
<SCRIPT LANGUAGE="JavaScript">
<!--
startX = 70;
startY = 100;
endX = 600;
endY = 400;
deltaX = 3;
deltaY = 2;
movePeriod = 50;
function movement() {
if(currentY >= endY || currentX >= endX) {
currentX = startX;
currentY = startY;
} else {
currentX += deltaX;
currentY += deltaY;
}
}
function setPosition(x,y) {
divStyle.left = currentX;
divStyle.top = currentY;
}
function moveDiv() {
movement();
setPosition();
}
function moveImage() {
if(!document.all) document.all = document;
if(!document.all.mi.style) document.all.mi.style =
document.all.mi;
divStyle = document.all.mi.style;
currentX = startX;
currentY = startY;
setPosition(currentX, currentY);
divStyle.visibility = "visible";
setInterval("moveDiv()",movePeriod);
}
window.onload = moveImage;
//--></SCRIPT>
4Adım:Aşağıdaki kodları <body>.</body> tag'ının arası
na gelecek şekilde kopyalayın.body tag'ından sonra yazıla
cak kodlama:
<DIV ID="mi" STYLE="position:absolute;visibility:hidden">
<IMG SRC="resim.gif">
</DIV>
|
