首页 > 开发者分享 > 正文

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

2022 年 8 月 30 日   来源:帮建站   浏览量: 26

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

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



首页 在线 手机