Phiên bản đầy đủ: jsB@nk » Hình ảnh » Ảnh di chuyển
URL: https://www.javascriptbank.com/roaming-alien.html
Hiệu ứng làm cho ảnh có thể di chuyển tự do trong trang web.
Phiên bản đầy đủ: jsB@nk » Hình ảnh » Ảnh di chuyển
URL: https://www.javascriptbank.com/roaming-alien.html
<SCRIPT LANGUAGE="JavaScript">// Brian Gosselin ([email protected]) -->var isNS = ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) >= 4));var _all = '';var _style = '';var wwidth, wheight;var ydir = '++';var xdir = '++';var id1, id2, id3;var x = 1;var y = 1;var x1, y1;if(!isNS) {_all='all.';_style='.style';}function getwindowsize() {clearTimeout(id1);clearTimeout(id2);clearTimeout(id3);if (isNS) {wwidth = window.innerWidth - 55;wheight = window.innerHeight - 50;} else {wwidth = document.body.clientWidth - 55;wheight = document.body.clientHeight - 50;}id3 = setTimeout('randomdir()', 20000);animate();}function randomdir() {if (Math.floor(Math.random()*2)) {(Math.floor(Math.random()*2)) ? xdir='--': xdir='++';} else {(Math.floor(Math.random()*2)) ? ydir='--': ydir='++';}id2 = setTimeout('randomdir()', 20000);}function animate() {eval('x'+xdir);eval('y'+ydir);if (isNS) {pic1.moveTo((x+pageXOffset),(y+pageYOffset))} else {pic1.pixelLeft = x+document.body.scrollLeft;pic1.pixelTop = y+document.body.scrollTop;}if (isNS) {if (pic1.top <= 5+pageYOffset) ydir = '++';if (pic1.top >= wheight+pageYOffset) ydir = '--';if (pic1.left >= wwidth+pageXOffset) xdir = '--';if (pic1.left <= 5+pageXOffset) xdir = '++';} else {if (pic1.pixelTop <= 5+document.body.scrollTop) ydir = '++';if (pic1.pixelTop >= wheight+document.body.scrollTop) ydir = '--';if (pic1.pixelLeft >= wwidth+document.body.scrollLeft) xdir = '--';if (pic1.pixelLeft <= 5+document.body.scrollLeft) xdir = '++';}id1 = setTimeout('animate()', 30);}// End --></script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><BODY OnLoad="getwindowsize()" OnResize="getwindowsize()" background="space.jpg" text=white><div id="pic1" style="position:absolute; visibility:visible; left:0px; top:0px; z-index:-1"><img src="alien.gif" border="0"></div><script language="javascript">var pic1=eval('document.'+_all+'pic1'+_style);</script></body><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->