这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
下面小编就为大家带来一篇 js 实现弹窗居中的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
在一些页面中,我们总会遇到一些弹窗不居中的时候,还要根据浏览器的大小来调整弹窗的弹出位置,
之前我也遇到这样的问题,现在我把我知道的呈现给大家
CSS 样式
- .windowBox {
- width: 500px;
- }.mid - tanBox {
- position: fixed;
- top: 50 % ;
- left: 50 % ;
- margin - left: -250px;
- background: #fff;
- border: 1px solid red;
- display: none
- }
html 代码
- <div class='windowBox'>
- <div class="mid-tanBox">
- </div>
- <div class="jclick">
- 弹窗
- </div>
- </div>
jQuery 代码自动:
- $(".jclick").click(function(i){
- var height = $(".mid-tanBox").height();
- var eheight = height/2;
- $(".mid-tanBox").eq(i).css("margin-top","-eheight");
- })
来源: http://www.phperz.com/article/17/0523/331343.html