使用提示
自由移动的图片
演示效果：正在演示中
代码提示：按说明修改并复制代码
一:把下面的代码加入<head>区域中 <SCRIPT LANGUAGE=JavaScript> <!-- Begin 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> 二:在<body>区中加入如下代码并改变其中的图像地址: <div id=pic1 style=position:absolute;visibility:visible;left:0px;top:0px;z-index:-1><img src=191.gif border=0></div><script language=javascript> var pic1=eval('document.'+_all+'pic1'+_style); </script> 三:修改<body>将下面的代码加入 OnLoad=getwindowsize() OnResize=getwindowsize()
使用提示
返回目录
