Ilmapallo javascript kotisivuille
1.Tallenna ilmapallo kuvat palvelimellesi



Lataa kuvat klikkaamalla niitä hiiren oikealla ja valitsemalla "Tallenna kuva nimellä.."
2.Tallenna moveobj.js tiedosto palvelimellesi.
Saat tiedoston koneellesi klikkaamalla sitä hiiren oikealla ja valitsemalla "Tallenna kohde levyllesi..".
3.Laita alla oleva koodi <head> </head> tagien väliin.
<script type="text/javascript" src="moveobj.js"> </script>
<script type="text/javascript">
/***********************************************
* Floating image script- By Virtual_Max (http://www.geocities.com/siliconvalley/lakes/8620)
* Modified by Dynamic Drive for various improvements
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
//Step 1: Define unique variable names depending on number of flying images (ie:3):
var flyimage1, flyimage2, flyimage3
function pagestart(){
//Step 2: Using the same variable names as 1), add or delete more of the below lines (60=width, height=80 of image):
flyimage1=new Chip("flyimage1",47,68);
flyimage2=new Chip("flyimage2",47,68);
flyimage3=new Chip("flyimage3",47,68);
//Step 3: Using the same variable names as 1), add or delete more of the below lines:
movechip("flyimage1");
movechip("flyimage2");
movechip("flyimage3");
}
if (window.addEventListener)
window.addEventListener("load", pagestart, false)
else if (window.attachEvent)
window.attachEvent("onload", pagestart)
else if (document.getElementById)
window.onload=pagestart
</script>
4.Tämän jälkeen laita alla oleva koodi <body> </body> tagien väliin.
<DIV ID="flyimage1" STYLE="position:absolute; left: -500px; width:47; height:68;">
<IMG SRC="ballon2.gif" BORDER=0></a>
</DIV>
<DIV ID="flyimage2" STYLE="position:absolute; left: -500px; width:47; height:68;">
<IMG SRC="ballon3.gif" BORDER=0></a>
</DIV>
<DIV ID="flyimage3" STYLE="position:absolute; left: -500px; width:47; height:68;">
<IMG SRC="ballon4.gif" BORDER=0></a>
</DIV>