网页中上下漂浮的按钮JS代码-DEDE

实现按钮在网页中的上下漂浮的效果，只要把以下代码放到页面的 head 标签之间就可以了。

<script language=”javascript”>

suspendcode=”<DIV id=lovexin style=’Z-INDEX: 10; POSITION: absolute; LEFT: 150px; TOP: 700px; width: 242px; height: 42px;’><a href=’http://www.114ps.com/psask/’ target=’_blank’><img src=’http://www.114ps.com/wenda.gif’ width=’242′ height=’42’ border=’0′></a></DIV>”

document.write(suspendcode);

lastScrollY=0;

function heartBeat(){

diffY=document.body.scrollTop;

percent=.1*(diffY-lastScrollY);

if(percent>0)percent=Math.ceil(percent);

else percent=Math.floor(percent);

document.all.lovexin.style.pixelTop+=percent;

lastScrollY=lastScrollY+percent;

}

window.setInterval(“heartBeat()”,1);

</script>

简单的解释一下：

1，如果要调整按钮的位置，只需要改动代码中黄色的部分。left是靠左边的距离，top是靠上方的距离。

2，如果想改变按钮的大小，只需要改动代码中蓝色的部分。width是宽度，height是高度。

3，如果更换按钮图片，只需改动代码中红色的部分。链接和图片改成你喜欢就好了。