失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > php中的网页漂浮代码 网页中上下漂浮的按钮JS代码-DEDE

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

时间:2022-06-14 12:15:53

相关推荐

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

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

suspendcode=”

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);

简单的解释一下:

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

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

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

PS:有个问题,就是在IE浏览器里面还有火狐浏览器里,代码不好用~~~郁闷中…当初只用谷歌还有360测试了一下,都可以~~但是换做IE还有火狐,浮动就不好使了~~

感谢您的支持,我会继续努力的!

扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

如果觉得《php中的网页漂浮代码 网页中上下漂浮的按钮JS代码-DEDE》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。