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中empty()方法用法实例

    jQuery中empty()方法用法实例

    这篇文章主要介绍了jQuery中empty()方法用法,以实例形式分析了empty()方法的功能、定义及将匹配元素中的所有内容移除的使用技巧,需要的朋友可以参考下
    2015-01-01
  • jQuery自定义插件详解及实例代码

    jQuery自定义插件详解及实例代码

    这篇文章主要介绍了 jQuery自定义插件详解及实例代码的相关资料,需要的朋友可以参考下
    2016-12-12
  • 原生JS和jQuery版实现文件上传功能

    原生JS和jQuery版实现文件上传功能

    这篇文章主要介绍了HTML5中用js、jQuery结合Ajax实现文件上传功能,HTML5中已经可以用Ajax上传文件了,而且代码简单,借助 FormData类即可发送文件数据,感兴趣的小伙伴们可以参考一下
    2016-04-04
  • jQuery 操作option的实现代码

    jQuery 操作option的实现代码

    js清空option之前清空option ,我的做法是遍历现有option,将其每个子元素都置空即可。
    2011-03-03
  • jQuery实现预加载图片的方法

    jQuery实现预加载图片的方法

    这篇文章主要介绍了jQuery实现预加载图片的方法,涉及jQuery操作img的src属性使用技巧,需要的朋友可以参考下
    2015-03-03
  • jQuery+css实现的时钟效果(兼容各浏览器)

    jQuery+css实现的时钟效果(兼容各浏览器)

    这篇文章主要介绍了jQuery+css实现的时钟效果,使用js的setTimeout方法实时修改页面元素,实现动态显示时钟的功能.该代码可兼容各浏览器,需要的朋友可以参考下
    2016-01-01
  • jquery模拟LCD 时钟的html文件源代码

    jquery模拟LCD 时钟的html文件源代码

    LCD想必大家都有见到过吧,本文为大家介绍的就是使用jquery模拟LCD时钟,以下是HTML文件源代码
    2014-06-06
  • 使用IE6看老赵的博客 jQuery初探

    使用IE6看老赵的博客 jQuery初探

    可能老赵很反感IE6,所以他在自己的博客里面做了点手脚,如果是IE6浏览他的博客的话,那么就会跳转到另一个页面。
    2010-01-01
  • jquery offset函数应用实例

    jquery offset函数应用实例

    点击一个按钮,然后在按钮的下方显示一个div,当按钮位于角落时,div的位置设定就需要调整,不然,div将显示不完全.我打算使用offset()方法实现此功能
    2012-11-11
  • jQuery插件expander实现图片翻转特效

    jQuery插件expander实现图片翻转特效

    本文给大家分享的是一款基于jQuery插件expander实现图片翻转特效,一共有6种不同的图片翻转样式,十分的炫酷,有需要的小伙伴可以参考下。
    2015-05-05

最新评论