易网时代-编程资源站
Welcome
微信登录
首页
/
脚本样式
/
JavaScript
/
JavaScript 悬浮窗口实现代码
效果如图：
代码如下：
<html> <head> <title>悬浮窗口示例</title> <script type="text/javascript"> window.onscroll = function （） { var div = document.getElementById（"divSuspended"）; div.style.top = document.body.scrollTop; } window.onresize = window.onscroll; function init（）{ var df = document.createDocumentFragment（）; for（var i=0;i<20;i++）{ var p = document.createElement（"p"）; p.appendChild（document.createTextNode（" Line "+i））; df.appendChild（p）; } document.body.appendChild（df）; window.onscroll（）; } </script> </head> <body onload="init（）"> Try scrolling this window.<br/> 这是悬浮窗口 </body> </html>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
版权所有©石家庄振强科技有限公司2024
冀ICP备08103738号-5
网站地图
易网时代-编程资源站
易网时代-编程资源站 