javascript技巧--如何制作移动的浮动层

作者: 来源:网络文章时间:2005-12-11 23:12:18

javascript技巧--如何制作移动的浮动层(1) 许多网友问，我原来首页上的浮动的小人是如何实现的，阿捷干脆制作一个简单教程。

第一步，请将下列原代码加入html文件的<html>和</html>之间：

<style type="text/CSS技巧">CSS" media="screen">
#floater {
position: absolute;
left: 500;
top: 146;
width: 125;
visibility: visible;
z-index: 10;
}
-->
</style>

第二步，请将下列原代码加入body的任何地方（建议最后）:

<div ID="floater" style="left: 590px; top: 158px">

<p align="center"><img SRC="http://www.abcdown.net/aboutme/hahaboy.gif" alt="欢迎光临阿捷的主页" WIDTH="125" HEIGHT="60"><br>
<font color="#FF8040">欢迎光临</font></p>
</div><script LANGUAGE="Javascript">
self.onError=null;
currentX = currentY = 0;
whichIt = null;
lastScrollX = 0; lastScrollY = 0;
NS = (document．layers) ? 1 : 0;
IE = (document．all) ? 1: 0;

function heartBeat() {
if(IE) { diffY = document．body.scrollTop; diffX = document．body.scrollLeft; }
if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; }
if(diffY != lastScrollY) {
percent = .1 * (diffY - lastScrollY);
if(percent > 0) percent = Math.ceil(percent);
else percent = Math.floor(percent);
if(IE) document．all.floater.style.pixelTop += percent;
if(NS) document．floater.top += percent;
lastScrollY = lastScrollY + percent;
}
if(diffX != lastScrollX) {
percent = .1 * (diffX - lastScrollX);
if(percent > 0) percent = Math.ceil(percent);
else percent = Math.floor(percent);
if(IE) document．all.floater.style.pixelLeft += percent;
if(NS) document．floater.left += percent;
lastScrollX = lastScrollX + percent;

1.javascript技巧--如何制作移动的浮动层(1)
2.javascript技巧--如何制作移动的浮动层(2)
3.javascript技巧--如何制作移动的浮动层(3)

共3页 9 7 [1] [2] [3] 8 :>

javascript技巧--如何制作移动的浮动层相关文章：

javascript技巧--如何制作移动的浮动层相关软件：

特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员，我们尽快予以更正。
转载请注明来源：http://www.xgdown.com