弹出元素居中 需要做一个点击图片放大的效果,遇到了一点问题。想要点击图片时,弹出大图,并且大图屏幕居中,但怎么样才能居中呢,特别是有滚动条的时候。假如图片id是img,求高手指点一下。 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 弹出图片、弹出层类似的效果已经有好多成功的jq插件了,直接拿来用就好了,这么费劲还自己写。给你推荐几个 1、colorbox 2、fancybox <script type="text/javascript">window.onload = function(){ document.body.onclick = function(){ var obj = document.getElementById("img"); var body = document.compatMode=="CSS1Compat"?document.documentElement:document.body; obj.style.left = (body.clientWidth - parseInt(obj.style.width, 10)) /2; + body.scrollLeft; obj.style.top = (body.clientHeight - parseInt(obj.style.height, 10)) /2 + body.scrollTop; }}</script><div id="img" style="position:absolute;z-index:1;width:600;height:400px;background:red"></div><div style="height:500px">click body<br></div><div style="height:500px">click body<br></div><div style="height:500px">click body<br></div><div style="height:500px">click body<br></div> extJS 表格加入超链接的问题 如何显示隐藏元素,在线等! js将中文转拼音的问题 使用SCROLLDELAY来计时,最小化不计时了? 为什么我这样动态加载css文件不成功???大家是怎么动态加载的???? JS 控件innerHTML方法传参数this的问题 求查找函数 MzTree的target属性不好用阿 脚本错误!!在线请教!! jquery.easyui.min或是jquery.easyui 中文帮助文档 正则表达式 哪里出问题了为什么没有反应? 【求助】正则表达式中的问号!
给你推荐几个 1、colorbox 2、fancybox
<script type="text/javascript">
window.onload = function(){
document.body.onclick = function(){
var obj = document.getElementById("img");
var body = document.compatMode=="CSS1Compat"?document.documentElement:document.body;
obj.style.left = (body.clientWidth - parseInt(obj.style.width, 10)) /2; + body.scrollLeft;
obj.style.top = (body.clientHeight - parseInt(obj.style.height, 10)) /2 + body.scrollTop;
}
}
</script>
<div id="img" style="position:absolute;z-index:1;width:600;height:400px;background:red"></div>
<div style="height:500px">
click body<br>
</div>
<div style="height:500px">
click body<br>
</div>
<div style="height:500px">
click body<br>
</div>
<div style="height:500px">
click body<br>
</div>