Kodları kopyalamadan önce; sayfada uçan balaonlarımızı, mausun sağtuşunu
resimin herhangi bir yerinde tıklatarak,açılan menü'de farklı kaydet seçeneği
ile resimin adını hiç değiştirmeden kopyalayalım.Resimlerle sayfa aynı
ortamda olmalı.
  
1Adım:Aşağıdaki moveobj.js kodunu
çekin.
moveobj.js
2.Adım:Aşağıdaki kodlamayı sayfada <HEAD>..
</HEAD> tag'ının arasına gelecek şekilde kes yapıştır yöntemi ile kopyalayın
.
<script language="JavaScript" SRC="moveobj.js"> </script>
<script>
/*
Floating image script
By Virtual_Max (http://www.geocities.com/siliconvalley/lakes/8620)
Permission granted to Dynamicdrive.com to feature it in it's archive
For 100's of FREE DHTML scripts and components,
Visit http://dynamicdrive.com
*/
var chip1;
var chip2;
var chip3;
//add or delete more variables, depending on how many images you're
using
function pagestart()
{checkbrOK();
chip1=new Chip("chip1",60,80);
chip2=new Chip("chip2",60,80);
chip3=new Chip("chip3",60,80);
//add or delete more of the above, depending on how many images
you're using
if(brOK)
{ movechip("chip1");
movechip("chip2");
movechip("chip3");
//add or delete more of the above, depending
on how many images you're using
}
}
</script>
3.Aşağıdaki kodlamayı sayfada <BODY>.. </BODY>
tag'ının arasına gelecek şekilde kes yapıştır yöntemi ile kopyalayın.
Ayrıca balonlara tıklandığında bir sayfa açılması
isteniyorsa beyazla
işaretlenmiş yerlerdeki sayfa adları silinerek herhangi bir adla sayfa
uzantısı yazılacak şekilde link eklenebilir.
<DIV ID="chip1" STYLE="position:absolute; width:47; height:68;">
<A HREF="some.html"><IMG SRC="ballon3.gif"
BORDER=0></a>
</DIV>
<DIV ID="chip2" STYLE="position:absolute; width:47; height:68;">
<A HREF="some.html"><IMG SRC="ballon4.gif"
BORDER=0></a>
</DIV>
<DIV ID="chip3" STYLE="position:absolute; width:47; height:68;">
<A HREF="some.html"><IMG SRC="ballon2.gif"
BORDER=0></a>
</DIV>
4.Adım:Aşağıdaki kodlamayı sayfada <BODY>
tag'ının içine gelecek şekilde kes yapıştır yöntemi ile kopyalayın.Örnekte
kırmızı yazılar.
<body onLoad="pagestart();"
onUnload="if(brOK) {stopme('chip1');
stopme('chip2'); stopme('chip3');}" >
|
.gif){kind=tracking}