跟随滚动条移动的图片

时间:2015/12/3 22:19:00来源:互联网 作者:flyso 点击: 862 次
<STYLE type="text/css">
#floater { 
POSITION: absolute; HEIGHT: 0px;
}
</STYLE> 
<script language="JavaScript">
<!--
//more javascript from http://www.flyso.cn
var Xpos = 0;
var Ypos = 0;
var Ygravity = 0.9;
var scrollPos = 0;
var oldScrollPos = 0;
 
 
function FloatMenu() { 
docWidth = 700; // update document width
docHeight = document.body.clientHeight; // update document height
oldScrollPos = scrollPos;
scrollPos = document.body.scrollTop; // update scrollbar position
//if(scrollPos > 600) scrollPos = 580;
 
Xpos = docWidth; 
Yboundary = scrollPos + 400;
 
if (floater.offsetTop < Yboundary - 10) // Object is behind boundary
Ypos += 3;
 
if (floater.offsetTop > Yboundary + 10) // Object is past boundary
Ypos -= 3;
 
Ypos *= Ygravity; // Slow object down
 
floater.style.pixelLeft = Xpos + 130;
floater.style.pixelTop += Ypos; // Make object bounce
}
 
window.setInterval("FloatMenu()", 30); 
 
//-->
</script>
 
<BODY>
 
<div id=floater border="0">
<a href="#"><img src="http://www.flyso.cn/templets/default/images/logo.gif" border=0 width="193" height="76"></a>
</div> 
 
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="151%" id="table1">
<tr>
<td> </td>
</tr>
</table>


Copyright © 2005 - 2016 flyso.cn. 飞搜 版权所有 鄂ICP备11002783号-3