用DIV模拟弹出窗口--窗体滚动跟随
来源:互联网 发布:java split函数用法 编辑:程序博客网 时间:2024/05/21 08:38
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"><head><title>丁学-博客园-http://www.cnblogs.com/dingxue</title><script>function getPosition() { var top = document.documentElement.scrollTop; var left = document.documentElement.scrollLeft; var height = document.documentElement.clientHeight; var width = document.documentElement.clientWidth; return {top:top,left:left,height:height,width:width};}function showPop(){var width = 300; //弹出框的宽度var height = 160; //弹出框的高度var obj = document.getElementById("pop");obj.style.display = "block";obj.style.position = "absolute";obj.style.zindex = "999";obj.style.width = width + "px";obj.style.height = height + "px";var Position = getPosition();leftadd = (Position.width-width)/2;topadd = (Position.height-height)/2;obj.style.top = (Position.top + topadd) + "px";obj.style.left = (Position.left + leftadd) + "px";window.onscroll = function (){var Position = getPosition();obj.style.top = (Position.top + topadd) +"px";obj.style.left = (Position.left + leftadd) +"px";};}function hidePop(){document.getElementById("pop").style.display = "none";}</script></head><body>丁学--博客园--http://www.cnblogs.com/dingxue<div id="pop" style="border:1px solid #CCC;display:none;">test<br><a href="javascript:hidePop();" mce_href="javascript:hidePop();">hide</a></div><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><a href="javascript:showPop()" mce_href="javascript:showPop()">show</a><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></body></html>
- 用DIV模拟弹出窗口--窗体滚动跟随
- JavaScript 用DIV模拟弹出窗口并跟随窗体滚动
- jQuery弹出Div窗口居中显示、滚动跟随、关闭按钮以及几秒后自动消失
- div+css模拟弹出窗口
- DIV 跟随屏幕滚动
- DIV模拟弹出窗口(支持拖动)
- DIV模拟弹出窗口(支持拖动)
- javascript 弹出div窗体
- 用DIV完美模拟createPopup 弹出窗口,支持Firefox,ie,chrome
- 使用css和最少的javascript用div模拟弹出窗口(Lightbox, Greybox, Thickbox)
- 模拟 QQ 弹出窗体
- Jquery弹出框以及跟随页面滚动
- 用层(DIV)来实现弹出窗口
- 【转】用DIV实现弹出窗口
- DIV实现弹出窗口
- DIV弹出窗口控件
- div弹出登录窗口
- div弹出窗口
- 一个简单但常用的表格样式--鼠标划过行变色--简洁实现
- Oracle 学习:PL/SQL循序渐进全面学习教程--课程九 声明变量
- Oracle 学习:PL/SQL循序渐进全面学习教程--课程十 写执行语句
- Oracle 学习:PL/SQL循序渐进全面学习教程--课程十一 与ORACLE SERVER交互
- Linux下RPC的hello world
- 用DIV模拟弹出窗口--窗体滚动跟随
- SQL注入式攻击实例讲解
- 用javascript操纵GridView中CheckBox的两个常用技巧
- Oracle 学习:PL/SQL循序渐进全面学习教程--课程十二 编写控制结构语句
- IBM_并发集合相关操作11月07日[转贴]
- 添加状态条
- Oracle 学习:PL/SQL循序渐进全面学习教程--课程十三 使用组合数据类型* 游标操纵数据
- js表单验证
- first blog here