• jQuery教程-显示隐藏元素动画效果
  • 无色无香 发表于 2016/3/1 9:55:00 | 分类标签: jquery教程 hide()方法
  •  1. show和hide方法

    • ("element").show(speed[, callback])-显示element元素

    • ("element").hide(speed[, callback])-隐藏element元素

    (1)show() 和 hide() 方法同时修改多个样式属性即高度、宽度和不透明度

    (2)hide() 方法在将内容的 display 属性值设置为 none 之前,会记住原先的 display 属性值,当调用 show()

     方法时,会根据之前记住的值来显示元素

    2. fadeIn方法和fadeOut方法

    • ("element").fadeIn(speed[, callback])-渐入,在指定事件内增加元素的不透明度

    • ("element").fadeOut(speed[, callback])-渐出,在指定事件内降低元素的不透明度

    (1)fadeIn() 和 fadeOut() 方法只改变元素的不透明度

    3. slideUp方法和slideDown方法

    • ("element").slideUp(speed[, callback])-元素由下到上缩短隐藏

    • ("element").slideDown(speed[, callback])-元素由上至下延伸显示

    (1)slideUp() 和 slideDown() 只改变元素的高度

    4. 动画参数

    • 在 jQuery 中的任何动画效果,都可以指定 3 种速度参数,即 “slow”、“normal” 和 “fast”(时间长度分别是 0.6 秒、0.4 秒和 0.2 秒);也可以使用数组作为时间参数(单位:毫秒)

    5. 自定义动画

    • animate(params[, speed][, callback]);

    (1)params: 一个包含样式属性及值的映射,如 {property1: "value1", property2: "value2", ...}

    (2)speed: 速度参数,可选

    (3)callback: 在动画完成时执行的回调函数,可选

    6. 停止动画和判断是否处于动画状态

    (1)停止元素的动画

    • stop([clearQueue][, gotoEnd]);

    • 参数说明:参数都为可选参数,clearQueue表示是否清空未执行完的动画队列,gotoEnd表示是否直接将正在执行的动画跳转到末状态

    (2)判断元素是否处于动画状态

    • (element).is(":animated")

    7. 其他动画方法

    • toggle(speed[, callback])-切换元素的可见状态

    • slideToggle(speed[, callback])通过高度变化来切换匹配元素的可见性

    • fadeTo(speed, opacity[, callback])-把元素的不透明度以渐进方式调整到指定的值

  • 请您注意

    ·自觉遵守:爱国、守法、自律、真实、文明的原则

    ·尊重网上道德,遵守《全国人大常委会关于维护互联网安全的决定》及中华人民共和国其他各项有关法律法规

    ·严禁发表危害国家安全,破坏民族团结、国家宗教政策和社会稳定,含侮辱、诽谤、教唆、淫秽等内容的作品

    ·承担一切因您的行为而直接或间接导致的民事或刑事法律责任

    ·您在编程中国社区新闻评论发表的作品,本网站有权在网站内保留、转载、引用或者删除

    ·参与本评论即表明您已经阅读并接受上述条款

  • 感谢本文作者
  • 作者头像
  • 昵称:无色无香
  • 加入时间:2013/5/7 0:00:00
  • TA的签名
  • 这家伙很懒,虾米都没写
  • +进入TA的空间
  • 以下内容也很赞哦
分享按钮