Phiên bản đầy đủ: jsB@nk » Hình ảnh » Ảnh trượt lên xuống
URL: https://www.javascriptbank.com/floating-images-ii-up-down.html
Hiệu ứng làm cho hai ảnh ở hai bên trang web tự động di chuyển lên xuống.
Phiên bản đầy đủ: jsB@nk » Hình ảnh » Ảnh trượt lên xuống
URL: https://www.javascriptbank.com/floating-images-ii-up-down.html
<SCRIPT LANGUAGE="JavaScript">// Bruce W.Anderson (appletlib@about.com)<!-- Beginvar xPosLeft = 20;var xPosRight = 800;var step = 1;var delay = 30;var yPos = 0;var height = 0;var offset = 0;var yon = 0;var name = navigator.appName;if (name == "Microsoft Internet Explorer") {yPos = document.body.clientHeight;xPosRight = document.body.clientWidth - 150;point1.style.top = yPos;point2.style.top = yPos;}else {yPos = window.innerHeight;document.point1.pageY = yPos;document.point1.visibility = "hidden";document.point2.pageX = window.innerWidth - 155;}function changePos() {if (yon == 0) {yPos = yPos - step;}else {yPos = yPos + step;}if (name == "Microsoft Internet Explorer") {height = document.body.clientHeight;offset = point1.offsetHeight;}else {height = window.innerHeight;offset = document.point1.clip.height;} if (yPos < 0) {yon = 1;yPos = 0;}if (yPos >= (height - offset)) {yon = 0;yPos = (height - offset);}if (name == "Microsoft Internet Explorer") {point1.style.left = xPosLeft;point1.style.top = yPos + document.body.scrollTop;point2.style.left = xPosRight;point2.style.top = yPos + document.body.scrollTop;}else {document.point1.pageX = xPosLeft;document.point1.pageY = yPos + window.pageYOffset;document.point2.pageX = xPosRight;document.point2.pageY = yPos + window.pageYOffset; }}function start(){if (name != "Microsoft Internet Explorer") {document.point1.visibility = "visible";}loopfunc();}function loopfunc(){changePos();setTimeout('loopfunc()',delay);}// End --></script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><BODY onLoad="start()"><div id="point1" STYLE="position:absolute;visibility:visible;"><img src="logojs.gif" width=150 height=48 border=0></div><div id="point2" STYLE="position:absolute;visibility:visible;"><img src="logojs.gif" width=150 height=48 border=0></div></body><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->