博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
弹框居中显示方法
阅读量:5906 次
发布时间:2019-06-19

本文共 677 字,大约阅读时间需要 2 分钟。

  hot3.png

html:

1

css:

js:

//     弹框居中显示function tk(w,h,obj){    $(obj).css({
width:w+'px'}); $(obj).css({
height:h+'px'}); $(obj).css({
"marginLeft":-(w/2)+'px'}); $(obj).css({
"marginTop":-(h/2)+'px'});}
function tk2(w,h,obj){//      屏幕宽度和高度      var screenW=$(window).width();      var screenH=$(window).height();//      获得元素宽度和高度      var apW=$(obj).css({
width:w+'px'}); var apH=$(obj).css({
height:h+'px'});// 居中算法 var eleH=screenH-h+'px'; var eleW=screenW-w+'px'; $(obj).css({
top:(eleH/2)+'px'}); $(obj).css({
left:(eleW/2)+'px'}); }

ps:元素div必须设置定位属性,找到对的参考点

转载于:https://my.oschina.net/lskweb/blog/755312

你可能感兴趣的文章
Docker的系统资源限制及验证
查看>>
c++ ios_base register_callback方法使用
查看>>
Java中为什么需要Object类,Object类为什么是所有类的父类
查看>>
angularjs-paste-upload
查看>>
linux基础命令 head
查看>>
objective c:import和include的区别, ""和<>区别
查看>>
The Shared folder with you
查看>>
sax方式解析XML学习笔记
查看>>
Springboot配置(上)
查看>>
java--Eclipse for mac 代码提示(代码助手,代码联想)快捷键修改
查看>>
left join on/right join on/inner join on/full join on连接
查看>>
template.helper 多参数
查看>>
Android 四大组件之一(Activity)
查看>>
扫描(一)
查看>>
Centos7安装rabbitmq server 3.6.0
查看>>
iostat命令学习
查看>>
html video的url更新,自动清缓存
查看>>
【11】ajax请求后台接口数据与返回值处理js写法
查看>>
Python菜鸟之路:Jquery Ajax的使用
查看>>
LeetCode算法题-Maximum Depth of Binary Tree
查看>>