- 浏览: 35061 次
- 性别:
- 来自: 广州
最近访客 更多访客>>
最新评论
-
charrys:
呵自己跟自己留言
JS可以控制样式的名称写法 -
charrys:
自己顶下
我的json获取数据实例,直接运行就可以看到了
直接贴代码了!(来自:http://www.ok22.org/art_detail.aspx?id=120)
<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <script type="text/javascript"> function BOX_show(e,a)//显示 { if (document.getElementById(e) == null) { return; } if (!a) { var selects = document.getElementsByTagName('select'); for (i = 0; i < selects.length; i++) { selects[i].style.visibility = "hidden"; } } BOX_layout(e); window.onresize = function() { BOX_layout(e); } //改变窗体重新调整位置 window.onscroll = function() { BOX_layout(e); } //滚动窗体重新调整位置 document.onkeyup = function(event) { var evt = window.event || event; var code = evt.keyCode ? evt.keyCode : evt.which; //alert(code); if (code == 27) { BOX_remove(e); } } } function BOX_remove(e)//移除 { window.onscroll = null; window.onresize = null; document.getElementById('BOX_overlay').style.display = "none"; document.getElementById(e).style.display = "none"; var selects = document.getElementsByTagName('select'); for (i = 0; i < selects.length; i++) { selects[i].style.visibility = "visible"; } } function BOX_layout(e)//调整位置 { var a = document.getElementById(e); if (document.getElementById('BOX_overlay') == null)//判断是否新建遮掩层 { var overlay = document.createElement("div"); overlay.setAttribute('id', 'BOX_overlay'); document.body.appendChild(overlay); } document.getElementById('BOX_overlay').ondblclick = function() { BOX_remove(e); }; //取客户端左上坐标,宽,高 var scrollLeft = (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft); var scrollTop = (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop); var clientWidth; if (window.innerWidth) { clientWidth = window.innerWidth; } else { clientWidth = document.documentElement.clientWidth; } var clientHeight; if (window.innerHeight) { clientHeight = window.innerHeight; } else { clientHeight = document.documentElement.clientHeight; } var bo = document.getElementById('BOX_overlay'); bo.style.left = scrollLeft + 'px'; bo.style.top = scrollTop + 'px'; bo.style.width = '100%'; bo.style.height = clientHeight + 'px'; bo.style.display = 'block'; //Popup窗口定位 a.style.display = 'block' a.style.left = scrollLeft + ((clientWidth - a.offsetWidth) / 2) + 'px'; a.style.top = scrollTop + ((clientHeight - a.offsetHeight) / 2) + 'px'; } function HiddenButton(e) { e.style.visibility = 'hidden'; e.previousSibling.style.visibility = 'visible' } function UserLogin(e) { BOX_show(e); } </script> <style> *{margin:0;padding:0;font-size:12px;font-style:normal;line-height:20px;} html,body{height:100%;overflow:hidden;} /**mask**/ #BOX_overlay {background:#000;left:0;filter:alpha(opacity=80);-moz-opacity:0.8; opacity: 0.8;position:absolute;top:0;z-index:100;} /**iframe**/ div#layer_box{height:80%;width:80%;padding:30px 10px 10px;position:absolute;display:none;z-index:101;background:#fff url(bgimgconer_files/gradient.png); } </style> </head> <body> <a href="javascript:UserLogin('layer_box');"><img src="brandPIC/BMW.png" />宝马</a> <div id="layer_box"> <iframe id="alls" name="alls" frameborder="0" scrolling="auto" src="http://www.lempon.com" width="100%" height="100%"></iframe> </div> </body> </html>
发表评论
-
我的json获取数据实例,直接运行就可以看到了
2011-04-18 10:36 1273开始一直用jq的ajax接收值也是字符但是没用过json数据。 ... -
ckeditor 编辑器+finder配置上传功能
2011-04-03 11:53 1283一、官方Download 1、CKEditor ... -
kindeditor/ckeditor 编辑器加+图片自动上传成功(源码下载)
2011-04-03 11:40 1964编辑器加+图片自动上传并且更新编辑器图片的URL成功完例! ... -
js实现的非跨域的iframe高度自适应(完美兼容IE,FF,Opera)
2011-03-12 16:28 1357iframe的高度一直是让人头疼的问题。今天因为有个项目需要用 ... -
js多Tab自动切换,带完善的鼠标事件
2011-03-01 09:31 1530js多Tab自动切换,带完善的鼠标事件! 说明:打开鼠标时 ... -
js多个tab切换简单不需要在body内添加事件
2011-02-15 17:20 1306注意的是a的里面的rel属性window.onload事件!在 ... -
js文字上下滚动+左右滚动兼容FF/IE
2011-02-15 11:07 1753我也是最近因为要做这 ... -
前端设计js+Tab切换可关闭+添加并自动判断是否已打开自动切换当前状态
2011-02-14 15:59 1292看了很多别人写的tab切换效果感觉都只是div+js去切换已存 ... -
清空数组的两种方式
2011-02-09 16:58 2230方式一,length赋值为0 这种方式很有意思,其它语言 ... -
js时间倒计时
2011-01-06 11:26 843前断时间,因为需要 ... -
JS可以控制样式的名称写法
2011-01-06 11:19 989盒子标签和属性对照 CSS语法 (不区分大小写) ... -
js给C#控件赋值
2010-12-30 10:34 1732前台代码 Html代码 <%@ Pa ... -
iframe里面的页面调用父窗口,左右窗口js函数的方法
2010-12-30 10:33 1187iframe里面的页面调用父窗口,左右窗口js函数的方法 ... -
关于图片延迟加载技术-ImageLazyLoad
2010-12-30 10:29 1067关于图片延迟加载技术的优点与缺点(来自http://www ... -
js判断父页存在
2010-12-30 10:26 774当你有多个页面有iframe内页时,你肯定也不想别人直接打开子 ...
相关推荐
js 遮罩层js 遮罩层js 遮罩层js 遮罩层js 遮罩层js 遮罩层js 遮罩层
js 遮罩层弹出对话框 很简单得 js 遮罩层弹出对话框 很简单得 js 遮罩层弹出对话框 很简单得
封装遮罩层div显示效果,将其放在页面的div中加载
史上最精简,最强大的JS遮罩层效果,支持ie firefox jQuery遮罩层
NULL 博文链接:https://java-script.iteye.com/blog/1531100
JS弹DIV,遮罩层JS弹DIV,遮罩层JS弹DIV,遮罩层
JS变灰页面显示遮罩层登录窗口,使页面无法操作 JS变灰页面显示遮罩层登录窗口,使页面无法操作
这是个好东西。。完美的遮罩层。。js写的。。要1分不过分吧。。看到后包你满意又愉快。。
js 打开关闭遮罩层 loading图片
基于jquery、sliphover制作的遮罩层js源码,内附十多个不同的遮罩层dome,可以调整遮罩层出现的位置,动画,颜色等等。
javascript写的遮罩层的弹出框,含css样式+js文件+使用说明, 必须在最新的1.8.2.js才能运行
jquery.lightbox.js遮罩层图片幻灯片自适应图片 jquery.lightbox.js遮罩层图片幻灯片自适应图片 jquery.lightbox.js遮罩层图片幻灯片自适应图片 jquery.lightbox.js遮罩层图片幻灯片自适应图片
点击提交,会出现遮罩层,此时界面左右功能被禁用,提交成功后,遮罩层消失!
js弹出遮罩层,在做网页的时候非常实用js弹出遮罩层,在做网页的时候非常实用js弹出遮罩层,在做网页的时候非常实用
class=Select_Region_bj 我给了一个灰色半透明的背景样式,后来在Javascript中写onclick事件无论这么写,点击内容区也是会关闭掉遮罩层。我百思不得其解到底怎么样写才能点击内容区不会关闭遮罩
GreyBox v5.53,Lightbox Gone Wild,litebox-2.4,等四种JS遮罩层
最近项目需要找了个超级爽的 js 遮罩层 谦容 FF IE 支持拖动,与大家分享...
用JS遮罩层完美弹出Div,并且滚动条完美屏蔽掉。。绝对是您完美的学习例子
弹出层,在附近弹出,在弹出层展示省份所有城市,可以选择城市
Javascript实现移动端点击按钮弹出遮罩层,自适应移动端屏幕大小。