浮动窗口代码(带关闭按钮+全屏漂浮)
2016-05-18 10:39
525 查看
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>带关闭按钮的浮动窗口代码(全屏漂浮)</title> </head> <style type="text/css"> #fdck {border:1px solid #c0c0c0;margin:0 auto;padding:5px;background:#f0f0f0} </style> <body> <div id="img" style="position: absolute; left: 311; top: 815;visibility :hidden;" onmouseover="clearInterval(interval)" onmouseout="interval = setInterval('changePos()', delay)" align="middle"> <span style="CURSOR:hand;color:red;font-weight:bold;font-size:12px" onclick="clearInterval(interval);img.style.visibility = 'hidden'">关闭</span> <div id="fdck"> 欢迎来到营了个销!<br> </div> </div> <script language=javascript> var xPos = 20; var yPos = document.body.clientHeight; var step = 1; var delay = 30; var height = 0; var Hoffset = 0; var Woffset = 0; var yon = 0; var xon = 0; var pause = true; var interval; img.style.top = yPos; function changePos() { width = document.body.clientWidth; height = document.body.clientHeight; Hoffset = img.offsetHeight; Woffset = img.offsetWidth; img.style.left = xPos + document.body.scrollLeft; img.style.top = yPos + document.body.scrollTop; if (yon) { yPos = yPos + step; } else { yPos = yPos - step; } if (yPos < 0) { yon = 1; yPos = 0; } if (yPos >= (height - Hoffset)) { yon = 0; yPos = (height - Hoffset); } if (xon) { xPos = xPos + step; } else { xPos = xPos - step; } if (xPos < 0) { xon = 1; xPos = 0; } if (xPos >= (width - Woffset)) { xon = 0; xPos = (width - Woffset); } } function start() { img.style.visibility = "visible"; interval = setInterval('changePos()', delay); } start(); </script> </body> </html>
相关文章推荐
- 在ASP.NET 2.0中操作数据之六十三:GridView实现批量删除数据
- Struts2工作原理
- eclipse rebase w/merge
- 一点一点学ASP.NET之基础概念——委托
- C++在线学习文档(强烈推荐)
- 160518、java中使用百度地图(超级简单)
- Laravel Service Provider 中 boot 方法和 register 方法的区别
- windows下关于QT5连接mysql的几点问题
- Java_Java Compiler 应用实例
- Rxjava中toList操作符
- [XPath/Python] XPath 与 lxml (二)XPath 语法 - iFantasticMe
- Ubuntu 中搭建 LAMP 及 php 开发工具
- GitHub, Google Code, and other
- java web 监听器listener
- C++ ofstream和ifstream详细用法
- javadoc解决中文乱码问题
- 各种语言代码规范
- 《七天七语言》之Ruby练习1
- 谁说路由远程控制是智能路由的专属?TP-LINK也玩远程控制!
- 编程题中需要注意的问题