Létající objekty
|
Létající objekty Javascript js |
|
Tento script je poněkud složitější, na jeho vložení na stránky, ale stojí za to, a dá se to zvládnout, za dodržení přesného postupu. Když jsem to zvládl já, zvládne to kdokoli. Kód vypadá takto: |
|
Část první, která se vkládá do hlavičky stránky, tedy mezi tagy <HEAD> a </HEAD> : <!--začátek kódu pro létající obrázky--> <script type="text/javascript" src="tvoje sadresa souboru_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> <!--konec kódu pro létající obrázky--> |
|
Část druhá, která se vkládá mezi tagy <body> a </body> , tedy na konkrétní stránku html : <!-- ZAČÁTEK KÓDU PRO LÍTACÍ OBRÁZKY Step 4: Define your flying images. For each image's ID tag, use the same variable names as 1) above --> <div style="left: -500px; width: 120px; position: absolute; height: 20px;" id="flyimage1"><a href="http://www.lamalamam.estranky.cz/stranka/kamera-live-_"><img border="0" src="http://www.lamalamam.estranky.cz/archiv/iobrazek/75" alt="" /></a></div> <div style="left: -500px; width: 120px; position: absolute; height: 20px;" id="flyimage2"> <p align="center"><a href="http://www.lamalamam.estranky.cz/stranka/flash"><img border="0" src="http://www.lamalamam.estranky.cz/archiv/iobrazek/72" alt="" /></a></p> </div> <div align="center"> <div style="left: -500px; width: 40px; position: absolute; height: 40px;" id="flyimage3"><a href="http://www.lamalamam.estranky.cz"><img border="0" src="http://www.lamalamam.estranky.cz/archiv/iobrazek/102" alt="" /></a></div> </div> <!-- KONEC KÓDU PRO LÍTACÍ OBRÁZKY--> |
|
Postup: |
No, a to je všechno |