设为首页 - 加入收藏 永嘉网 (http://www.52yongjia.com)- 永嘉站长最喜爱的站长资讯网站,关注站长、SEO、推广、建站、运营!
热搜: 发生 政府 基金 媒体
当前位置: 首页 > 活动 > 正文

jQuery动态隐藏Div的代码,淡入出动画效果

发布时间:2018-10-17 11:16 所属栏目:[活动] 来源:站长网
导读:jQuery 动态隐藏Div的代码,说是DIV层,由于时间关系,没来的及美化,因此看上去好像是只隐藏了文字,其实这里是把一个DIV容器隐藏了,由于引入了jquery框架,所以有淡入出动画效果。 以下是部分代码解释: toggle是轮换的意思 相当于hide or show 也就是

  jQuery动态隐藏Div的代码,说是DIV层,由于时间关系,没来的及美化,因此看上去好像是只隐藏了文字,其实这里是把一个DIV容器隐藏了,由于引入了jquery框架,所以有淡入出动画效果。

  以下是部分代码解释:

  toggle是轮换的意思

  相当于hide or show

  也就是说如果p是隐藏的就让它显示 如果是显示的就让它隐藏

  当然这个显示与隐藏是相对height的属性的

  是通过调整元素的height属性来显示和隐藏元素

  为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版演示。

  网页演示:猛击此处

  运行演示:


提示:可修改后代码再运行!

【免责声明】本站内容转载自互联网,其相关言论仅代表作者个人观点绝非权威,不代表本站立场。如您发现内容存在版权问题,请提交相关链接至邮箱:bqsm@foxmail.com,我们将及时予以处理。

网友评论
推荐文章