弹出元素居中 需要做一个点击图片放大的效果,遇到了一点问题。想要点击图片时,弹出大图,并且大图屏幕居中,但怎么样才能居中呢,特别是有滚动条的时候。假如图片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> 如何禁用backspace。考虑在ie及firefox两种情况。 jsp莫名的问题 请教如何获得一个弹出窗口的控制权(不容易) 如何实现菜单? 怎么样才能让别人看不到我的代码???? 大家都用什么编辑器写JS?有人在线编码吗? 我要在这个页面打开时以popup或fullscreen或其他不能打印,不能保存的状态出现。怎么做到? 参数传递问题 急、急、急,请各位大虾快快给予解决!!!!!! 相同IE版本对 new Date格式支持不一样,出现NAN 正则表达式 哪里出问题了为什么没有反应? 【求助】正则表达式中的问号!
给你推荐几个 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>