您现在的位置：
首页
网页特效
图像特效
会反弹的图片
特 效 说 明
图片在页面内随意飘动，遇到边界还会反弹
特
效
代
码
<div id="img" style="position:absolute;"> <a href="http://www.k688.com" target=_blank> <img src="http://www.k688.com/logo1.gif" border="0"></a> </div> <SCRIPT LANGUAGE="JavaScript"> <!-- var xPos = 20; var yPos = document.body.clientHeight; var step = 1; var delay = 30; var height = 0; var Hoffset = 0; var Woffset = 0; var yon = 0; var xon = 0; var pause = true; var interval; img.style.top = yPos; function changePos() { width = document.body.clientWidth; height = document.body.clientHeight; Hoffset = img.offsetHeight; Woffset = img.offsetWidth; img.style.left = xPos + document.body.scrollLeft; img.style.top = yPos + document.body.scrollTop; if (yon) { yPos = yPos + step; } else { yPos = yPos - step; } if (yPos < 0) { yon = 1; yPos = 0; } if (yPos >= (height - Hoffset)) { yon = 0; yPos = (height - Hoffset); } if (xon) { xPos = xPos + step; } else { xPos = xPos - step; } if (xPos < 0) { xon = 1; xPos = 0; } if (xPos >= (width - Woffset)) { xon = 0; xPos = (width - Woffset); } } function start() { img.visibility = "visible"; interval = setInterval('changePos()', delay); } start(); //For more,visit:www.tf-stuido.com --> </script>
@_⌒ 特 效 预 览 @_⌒
看到了吗？
