»
EnglishFrenchVietnamese

Print - Glide an Animated Gif - JavaScriptBank.com

Full version: jsB@nk » Image » Glide an Animated Gif
URL: http://www.javascriptbank.com/float-images-glide-an-animated-gif.html

Glide an Animated Gif © JavaScriptBank.comThis DHTML script animates images cross the screen in a horizontal, left right manner. Here it's used to a bird across the user's browser.

Full version: jsB@nk » Image » Glide an Animated Gif
URL: http://www.javascriptbank.com/float-images-glide-an-animated-gif.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 }#floatDiv { position:absolute; visibility:hidden; left:0; top:0; z-index:200; }</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"></script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<div id="floatDiv" style="top: 40px; visibility: visible; left: 242px;">   <img src="bird-ani.gif" width="70" height="70" alt=""> </div><script type="text/javascript">// arguments: id, left, top, direction, speed (pixels per loop), delay for restart or nullnew floatObject("floatDiv", -70, 40, "right", 2, 3000);</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