jQuery原生的动画效果

 更新时间:2015年07月10日 10:03:11   投稿:hebedich  
这篇文章主要介绍了jQuery原生的动画效果的相关资料,需要的朋友可以参考下

1.方法:

show:显示选中元素。
hide:隐藏选中元素。
toggle:显示或隐藏选中元素。
fadeIn:将选中元素的不透明度逐步提升到100%。
fadeOut:将选中元素的不透明度逐步降为0%。
slideDown:垂直向下滑动显示选中元素。
slideUp:垂直向上滑动隐藏当前元素。
slideToggle:垂直向上或向下滑动的形式折叠或展开选中元素。

2.语法:   

  $(selector).方法名([speed], [callback]);

    -- speed:可选,表示速度。默认“normal”。

          可取值

毫秒 (比如 1500)
"slow"
"normal"
"fast"    
    -- callback:可选,回调函数。 

3.调用:

  $(".toggle").toggle();

  $(".toggle").toggle(250);

  $(".toggle").toggle('fast');

以上所述就是本文的全部内容了,希望大家能够喜欢。

相关文章

  • jQuery实现等比例缩放大图片让大图片自适应页面布局

    jQuery实现等比例缩放大图片让大图片自适应页面布局

    遇到大图片将页面容器“撑破”的情况在进行页面布局时会经常遇到吧,在本文将为大家讲述使用jQuery实现按比例缩放大图片,让大图片自适应页面布局
    2013-10-10
  • jquery判断复选框选中状态以及区分attr和prop

    jquery判断复选框选中状态以及区分attr和prop

    这篇文章主要介绍了jquery判断复选框选中状态以及区分attr和prop,感兴趣的小伙伴们可以参考一下
    2015-12-12
  • jQuery之过滤元素操作小结

    jQuery之过滤元素操作小结

    这篇文章主要介绍了jQuery中的过滤元素操作。需要的朋友可以过来参考下,希望对大家有所帮助
    2013-11-11
  • jquery实现聊天机器人

    jquery实现聊天机器人

    这篇文章主要为大家详细介绍了jquery实现聊天机器人,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-02-02
  • jquery果冻抖动效果实现方法

    jquery果冻抖动效果实现方法

    这篇文章主要介绍了jquery果冻抖动效果实现方法,涉及animate方法的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-01-01
  • jquery自定义滚动条插件示例分享

    jquery自定义滚动条插件示例分享

    这篇文章主要介绍了jquery自定义滚动条插件示例,需要的朋友可以参考下
    2014-02-02
  • jQuery定义插件的方法

    jQuery定义插件的方法

    有些WEB开发者,会引用一个JQuery类库,然后在网页上写一写$("#"),$("."),写了几年就对别人说非常熟悉JQuery。其实你只是了解一点皮毛,并不知道其中的道理,下面通过本篇文章给大家介绍jquery定义插件的相关知识,感兴趣的朋友一起学习吧
    2015-12-12
  • jquery弹出框的用法示例(2)

    jquery弹出框的用法示例(2)

    没有关闭按钮,但是点击其他地方的时候,弹出框消失,必须用js给弹出框的父元素加上更高的层次,具体实现如下,感兴趣的朋友可以参考下
    2013-08-08
  • jQuery实现鼠标点击处心形漂浮的炫酷效果示例

    jQuery实现鼠标点击处心形漂浮的炫酷效果示例

    这篇文章主要介绍了jQuery实现鼠标点击处心形漂浮的炫酷效果,涉及jQuery事件响应及页面元素属性动态变换相关操作技巧,需要的朋友可以参考下
    2018-04-04
  • jquery数组封装使用方法分享(jquery数组遍历)

    jquery数组封装使用方法分享(jquery数组遍历)

    JQuery对数组的处理非常便捷并且功能强大齐全,一步到位的封装了很多原生js数组不能企及的功能。下面来看看JQuery数组的强大之处在哪。
    2014-03-03

最新评论