首页 > 网络编程 > JavaScript > javascript技巧 > JavaScript 悬浮窗口 JavaScript 悬浮窗口实现代码 2009-02-18 22:21:08 作者： 主要是window.onscroll的运用 效果如图：代码如下： <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()"> <p>Try scrolling this window.</p> <div id="divSuspended" style="position: absolute; buttom: 0px; right: 0px; color: #cccccc; width: 150px; height: 30px; background-color: navy">这是悬浮窗口</div> </body> </html> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 您可能感兴趣的文章:JS实现悬浮移动窗口(悬浮广告)的特效JS控制弹出悬浮窗口(一览画面)的实例代码JS实现自动固定顶部的悬浮菜单栏效果JS实现侧悬浮浮动实例代码javascript 鼠标悬浮图片显示原图 移出鼠标后原图消失（多图）js 固定悬浮效果实现思路代码js点击出现悬浮窗效果不使用JQuery插件js 左右悬浮对联广告特效代码js制作的鼠标悬浮时产生的下拉框效果javaScript实现鼠标在文字上悬浮时弹出悬浮层效果
