Phiên bản đầy đủ: jsB@nk » Hình ảnh » Ảnh trượt từ trên xuống
URL: https://www.javascriptbank.com/float-images-float-multiple-images.html
Hiệu ứng tạo ảnh trượt trong trang web theo chiều từ trên xuống.
Phiên bản đầy đủ: jsB@nk » Hình ảnh » Ảnh trượt từ trên xuống
URL: https://www.javascriptbank.com/float-images-float-multiple-images.html
<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--><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-->
<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-->http://javascriptbank.com/javascript/image/Float_Images/dw_float.js