»
EnglishFrenchVietnamese

Print - Float Multiple Images - JavaScriptBank.com

Full version: jsB@nk » Image » Float Multiple Images
URL: https://www.javascriptbank.com/float-images-float-multiple-images.html

Float Multiple Images © JavaScriptBank.comThis JavaScript code can accommodate any number of layers gliding in any directions you choose.

Full version: jsB@nk » Image » Float Multiple Images
URL: https://www.javascriptbank.com/float-images-float-multiple-images.html



CSS
<style type="text/css">body {   overflow:hidden;  font: 14px/1.3 verdana, arial, helvetica, sans-serif   }h1 { font-size:18px }a:link { color:#33c }a:visited { color:#339 }#content { margin-left:240px; margin-right:.5em }/* put width here */#floatDiv1, #floatDiv2, #floatDiv3, #floatDiv4 {   position:absolute; visibility:hidden;   left:0; top:0; z-index:200;  width:106px;  }</style><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


JavaScript
<script src="dw_float.js" type="text/javascript"></script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<div id="floatDiv1" style="left: 20px; visibility: visible; top: -61px;">  <img src="balloon.gif" width="106" height="131" alt=""></div><div id="floatDiv2">  <img src="balloon.gif" width="106" height="131" alt=""></div><div id="floatDiv3">  <img src="balloon.gif" width="106" height="131" alt=""></div><div id="floatDiv4">  <img src="balloon.gif" width="106" height="131" alt=""></div><script type="text/javascript">var counter = 0;function startFloatObjects() {  switch (counter) {    case 0:      // arguments: id, left, top, direction, speed (pixels per loop), delay for restart      new floatObject("floatDiv1", 20, -140, "down", 1, 2000);    break;    case 1:      new floatObject("floatDiv2", 80, -140, "down", 1, 2000);    break;    case 2:      new floatObject("floatDiv3", 40, -140, "down", 1, 2000);    break;    case 3:      new floatObject("floatDiv4", 100, -140, "down", 1, 2000);    break;    // add more and change the counter max below if you like  }  if (counter < 3) {    counter++;    setTimeout("startFloatObjects()", 3500);  }}floatObject.callRate = 55;if (document.getElementById) startFloatObjects();</script><!--    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/Float_Images/dw_float.js