»
AnglaisFranaisVietnamien

Imprimer - Floating images script - JavaScriptBank.com

Version complte: jsB@nk » Image » Floating images script
URL: http://www.javascriptbank.com/floating-images-script-index.html

Floating images script © JavaScriptBank.comUne caractéristique importante de DHTML est son aptitude à déplacer des éléments dans la page librement, sans avoir à être lié à un seul endroit sur la page. 'Virtual Max' a profité de cette fonction et a créé son cool 'images flottantes' script Dynamic Drive pour nos internautes à utiliser et à apprécier. Il s'agit d'un cross-browser script qui déplace un nombre d'images autour de la page (par enroulement <div>s les images à l'intérieur, et d'animer chaque <div>), chacun suivant une trajectoire déterminée au hasard. En outre, les images sont cliquables, ce qui fait de script non seulement incroyablement cool, mais pratique aussi bien!

Version complte: jsB@nk » Image » Floating images script
URL: http://www.javascriptbank.com/floating-images-script-index.html



JavaScript
<script type="text/javascript">/************************************************ Floating image script- By Virtual_Max (http://www.geocities.com/siliconvalley/lakes/8620)***********************************************///Step 1: Define unique variable names depending on number of flying images (ie:3):var flyimage1, flyimage2, flyimage3function 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><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<DIV ID="flyimage1" STYLE="position:absolute; left: -500px; width:47; height:68;"><A HREF="http://jsbank.topcities.com"><IMG SRC="ballon4.gif" BORDER=0></a></DIV><DIV ID="flyimage2" STYLE="position:absolute; left: -500px; width:47; height:68;"><A HREF="http://jsbank.topcities.com"><IMG SRC="ballon3.gif" BORDER=0></a></DIV><DIV ID="flyimage3" STYLE="position:absolute; left: -500px; width:47; height:68;"><A HREF="http://jsbank.topcities.com"><IMG SRC="ballon2.gif" BORDER=0></a></DIV><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


Files
http://javascriptbank.com/javascript/image/Floating_images_script/moveobj.jshttp://javascriptbank.com/javascript/image/Floating_images_script/ballon2.gifhttp://javascriptbank.com/javascript/image/Floating_images_script/ballon3.gifhttp://javascriptbank.com/javascript/image/Floating_images_script/ballon4.gif