jQuery:显示隐藏效果控件结合定时器

时间:2021-02-20 18:00:20

导读:jQuery:显示隐藏效果控件结合定时器约有751个文字,预计阅读时间1分钟以上。内容由生活百科整理编辑,关键词是jq判断是否隐藏,jQuery:显示隐藏效果控件结合定时器;主要讲解的内容是介绍一个简单的导航效果,当用户向下滚动页面时自动隐藏导航,在用户向上滚动页面时自动显示导航。支持IE9+,Chrome,...的相关信息,具体详情请阅读下文。

01控件介绍

show([speed,[easing],[fn]]):显示隐藏的匹配元素。这个就是 'show( speed, [callback] )' 无动画的版本。如果选择的元素是可见的,这个方法将不会改变任何东西。无论这个元素是通过hide()方法隐藏的还是在CSS里设置了display:none;,这个方法都将有效。

hide([speed,[easing],[fn]]):隐藏显示的元素这个就是 'hide( speed, [callback] )' 的无动画版。如果选择的元素是隐藏的,这个方法将不会改变任何东西。

toggle([speed],[easing],[fn]):用于绑定两个或多个事件处理器函数,以响应被选元素的轮流的 click 事件。如果元素是可见的,切换为隐藏的;如果元素是隐藏的,切换为可见的。

speed:三种预定速度之一的字符串("slow","normal", or "fast")或表示动画时长的毫秒数值(如:1000)

easing:(Optional) 用来指定切换效果,默认是"swing",可用参数"linear"

fn:在动画完成时执行的函数,每个元素执行一次。

02应用场合

show()和hide()适用于一些需要控件显示隐藏但不影响其他内容的场景,比如在实际开发中你需要删除一条记录,当你单击删除按钮后弹出一个提示框,这个提示框就可以通过show()和hide()实现toggle() 常用于下拉式菜单,因为其具有折叠式效果

03使用技巧

小编知道,小伙伴们出学jQuery控件后,很难抑制住内心尝试一下的想法,当然这种想法小编时鼓励的,如果配合小编的建议那就更好了。

我们知道单个使用show(),hide(),toggle()一般是没有问题的,除非你啥也不会,但是如果需要混合在一起使用时:比如show()方法里面调用hide(),如果需要重复执行的话,再加上个定时器,那么就会引申到另一个问题,如何让运动中的元素停下来,这里小编就推荐一下:stop()这个方法能够有效解决动画停止效果,当然在配上定时器清除(前提:使用了定时器),就更完美了。

04综合演示

jq判断是否隐藏 jQuery:显示隐藏效果控件结合定时器css和jQuery部分
jq判断是否隐藏 jQuery:显示隐藏效果控件结合定时器html部分
jq判断是否隐藏 jQuery:显示隐藏效果控件结合定时器效果演示

本期最后送给所有的朋友一句话:脾气这东西,发出去是秉性,收回来是功力。你能多快控制住自己的情绪,就能多快获得成功,不论感情,还是职业。

以上就是由生活百科jq判断是否隐藏整理的“jQuery:显示隐藏效果控件结合定时器”的相关信息了。除特别注明外,本站所有内容均为生活百科整理排版。更多精彩内容可持续关注生活百科频道!转载请注明出处:jQuery:显示隐藏效果控件结合定时器:http://www.zenmele.net/article/31493.html

   

相关文章

好啊来啊 好运来临 好啊好啊 旱地忽律 哈弗H9 富时罗素 弗吉尼亚 福田奥铃 佛罗里达 凤凰资讯 凤凰直播 凤凰新闻 凤凰卫视 风云岁月 俄勒冈州 俄亥俄州

所有文章未经授权禁止转载、摘编、复制或建立镜像,如有违反,追究法律责任。举报邮箱:81156344@qq.com

Copyright © 2019-2030 生活百科网 版权所有

最新更新| 网站地图