现在位置: 首页 > 开发者分享 > 正文

网站上加一个图片右侧跟随漂浮功能

发布时间:2022 年 8 月 30 日

本文作者:帮建站

点击次数:663

北京网站建设,建站的时候经常遇见客户要求价格图片漂浮广告!下面就是跟随右侧图片漂浮功能,有需要的拿去!

<script type=”text/javascript” language=”JavaScript”>
var myScrollTop=function() //获得当前窗口显示区顶点位置
{
return document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop;
};
function mymovemenu() // 随着窗口的拉动,实时调整图片在窗口中的位置
{
document.getElementById(“floatad”).style.top=myScrollTop()+400+’px’;document.getElementById(“floatad”).style.right=0+’px’;setTimeout(“mymovemenu();”,50);
}
</script>
<div id=”floatad” style=”position:absolute;z-index:999;”>
<img src=”/img/test.jpg” class=”headicon” style=”width:80px;height:80px;”>
</div>
<script type=”text/javascript” language=”JavaScript”>
mymovemenu(); //调用
</script>

问题本身还是很简单的,只是对于不熟悉的网友来说不知道什么原因,如果英语不太好的话,就以为自己买了个假主题了。问题本身还是很简单的,只是对于不熟悉的网友来说不知道什么原因,如果英语不太好的话,就以为自己买了个假主题了。


首页 在线 手机