JS实现网页漂浮广告效果简单

最新推荐文章于 2021-06-03 21:23:13 发布

踏雪

最新推荐文章于 2021-06-03 21:23:13 发布

阅读量6.3k

点赞数

分类专栏： PHP服务器日志文章标签：浏览器 float border function div

本文链接：https://blog.csdn.net/RoyYeah/article/details/4633306

版权

这篇博客介绍了如何使用JavaScript实现网页上的漂浮广告效果。通过设置div元素的位置，配合鼠标悬停和离开的事件，实现了广告在页面上按指定方向平滑移动，并在边界自动反弹的功能。

摘要由CSDN通过智能技术生成

<mce:script type="text/javascript"><!-- document.write('<div id="float" style="height:50px;left:150px;position:absolute;top:1237px;width:220px; z-index:100000">'); document.write('<a href="http://www.acgs.pku.edu.cn/forum.html " mce_href="http://www.acgs.pku.edu.cn/forum.html " target="_blank" οnmοuseοver=stopme("float"); οnmοuseοut=movechip("float");>'); document.write('<img id=nowads_img src="ad.gif" mce_src="ad.gif" border=0></a></div>'); var x=0; //图层x坐标 document.getElementById("float").style.pixelLeft; var y= 0; //图层y坐标 document.getElementById("float").style.pixelTop; var x_direction=0; //x轴漂浮方向,0右1左 var y_direction=0; //y轴漂浮方向，0下1上 var dv=1; //速