本文实例讲述了射流研究…简单实现浮动窗口效果。分享给大家供大家参考，具体如下：

超文本标记语言部分：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8' /title无标题文档/title style type=' text/CSS ' * { margin :0；划水：0;} a img { border :0 }/style/head dydiv style=' height :2000 px；背景# cccdisplay:none'/div！-div id=' floating d ' style='位置：固定！重要；位置：绝对；_ top :表达式(eval(文档。文档元素。滚动顶部文档。文档元素。客户身高-这个。偏右))；z指数： 2147483647;左侧： 50%;左边距：-240像素！重要；前：名50%；页边距-top: -210px！重要；背景： URL(图片/OnLineay。jpg)不重复；宽度宽度：487像素高度：350 pxcursor : pointer ' div onclick=' closeFAd()；style=' width:26px高度：26 pxfloat : right '/div div style=' width :487 px；高度' :320 px'float : right ' onclick=' open _ online()；'/div/div div id=' FloatsId ' style=' width :141 px；高度：579 px位置：固定！重要；位置：绝对；_ top :表达式(eval(文档。文档元素。滚动顶部文档。文档元素。客户身高-这个。偏右))；z指数： 99999；right :0 to :6 background : URL(图片/OnLinetel。gif)；cursor : pointer ' onclick=' open _ online()；/div-/body/html脚本类型=' text/JavaScript ' src=' http : online。js '/脚本js部分：

//JavaScript文档//浮动广告图片var floating=' images/online ay。jpg '；//浮动侧栏图片var floatsidemg=' images/online tel。gif '；//打开在线沟通函数open _ online(){ window。开(' http://p .乔。百度。com//im/index？siteid=7342332 ucid=7601325 '；}//浮动广告文件。writeln(' div id= ' floating d ' style= '位置：固定！重要；位置：绝对；_ top :表达式(eval(文档。文档元素。滚动顶部文档。文档元素。客户身高-这个。偏右))；z指数： 2147483647;左侧： 50%;左边距：-240像素！重要；前：名50%；页边距-top: -210px！重要；背景：网址(浮动标题)不重复；宽度宽度：487像素高度：350 px光标：指针指针；display : none ' ')；文件。writeln(' div onclick= ' closeFAd()； ' style= ' width:26px高度：26 px右浮动： '/div ')；文件。writeln(' div style= ' width :487 px；高度：320 px右浮动： ' onclick= ' open _ online()； '/div ')；文件。writeln('/div ')；//浮动侧栏文件。writeln(' div style= ' width :141 px；高度：579 px位置：固定！重要；位置：绝对；_ top :表达式(eval(文档。文档元素。滚动顶部文档。文档元素。客户身高-这个。偏右))；z指数： 99999；right :0 to :6 background : URL(' float SEMG ')；光标：指针指针； ' onclick= ' open _ online()； '/div ')；//关闭浮动广告函数closeFAd(){ document。getelementbyid(' floating d ')。风格。显示='无'；}//打开浮动广告函数show fad(){ document。getelementbyid(' floating d ')。风格。display=' block}//打开浮动窗口函数showFloat(){ document。getelementbyid('荷叶边')。风格。display=' block}//打开窗口20 秒仅执行一次setTimeout(showFAd，20000)；//每个30 秒执行一次setInterval(showFloat，30000)；效果图如下：

更多关于Java脚本语言相关内容感兴趣的读者可查看本站专题： 《JavaScript遍历算法与技巧总结》 、 《JavaScript切换特效与技巧总结》 、 《JavaScript查找算法技巧总结》 、 《JavaScript动画特效与技巧汇总》 、 《JavaScript错误与调试技巧总结》 、 《JavaScript数据结构与算法技巧总结》 及《JavaScript数学运算用法总结》

希望本文所述对大家Java脚本语言程序设计有所帮助。