首页 > 代码库 > 随滚动条浮动的链接块层
随滚动条浮动的链接块层
<script type="text/javascript"> function scrollImg() { var posX, posY; if (window.innerHeight) { posX = window.pageXOffset; posY = window.pageYOffset; } else if (document.documentElement && document.documentElement.scrollTop) { posX = document.documentElement.scrollLeft; posY = document.documentElement.scrollTop; } else if (document.body) { posX = document.body.scrollLeft; posY = document.body.scrollTop; } var ad = document.getElementById("ad"); ad.style.top = (posY + 100) + "px"; ad.style.left = (posX + 50) + "px"; setTimeout("scrollImg()", 100); }</script><div id="ad" style="position: absolute; background: #eeeeee; text-align: center"> <div class="well sidebar-nav"> <ul class="nav nav-list"> <li class="nav-header">Hello,Chris!</li> <hr /> <li class="nav-header"><span style="color:red;">Hot Links</span></li> <li><a href="#">DART</a></li> <li><a href="#">DARTboard</a></li> <li><a href="#">Lowes.com</a></li> <li><a href="#">MPT</a></li> </ul> </div></div><script type="text/javascript"> scrollImg();</script>
运行效果:
随滚动条浮动的链接块层
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。