星空网 > 软件开发 > Java

jQuery将物体居中,并且转换显示和隐藏

今天来给大家贴一段代码,代码的作用就是利用jQuery将物体居中,并且转换显示和隐藏

首先建立一个div标签并且写好css样式,具体如下

jQuery将物体居中,并且转换显示和隐藏

jQuery将物体居中,并且转换显示和隐藏

然后我想要的效果是当我点击了button这个按钮,test可以居中显示,第二次点击一次test消失,第三次点击又居中显示,这样循环下去

具体js代码如下:

jQuery将物体居中,并且转换显示和隐藏

稍微解释一下代码的意思:

1、$('#test').get(0).flag = true;是为了建立一个标识,告诉浏览器什么时候应该显示,什么时候应该隐藏

2、上面的top就是让浏览器窗口的高度减去自己本身的高度再除以2就是平均高度,同理left也是这样,这里注意一下,页面的头部要加上代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

不然jQuery获取高度可能会无效!

此文章属于王业楼的个人博客原创,若要转载请注明出处:王业楼的个人博客 www.ly89.cn




原标题:jQuery将物体居中,并且转换显示和隐藏

关键词:jquery

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

真真海淘视频直播_真真海淘app:https://www.ikjzd.com/w/1351
驼小铃_驼小铃Tosharing电商平台:https://www.ikjzd.com/w/1352
西集网:https://www.ikjzd.com/w/1353
东南亚电商骐茂电商:https://www.ikjzd.com/w/1354
比特币服务商Veem,区块链B2B支付Veem:https://www.ikjzd.com/w/1355
TradeMore收款介绍:https://www.ikjzd.com/w/1356
夹江千佛岩景区门票(夹江千佛岩景区门票价格):https://www.vstour.cn/a/411232.html
武陵山大裂谷周围景点 武陵山大裂谷周围景点图片:https://www.vstour.cn/a/411233.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流