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 ajax属性async(同步异步)示例

    jquery ajax属性async(同步异步)示例

    在jquery的ajax中如果我们希望实现同步或者异步我们可以直接设置async发生为真或假即可true false,下面举几个jquery ajax同步和异步实例
    2013-11-11
  • jquery实现的缩略图预览滑块实例

    jquery实现的缩略图预览滑块实例

    这篇文章主要介绍了jquery实现的缩略图预览滑块,实例分析了jQuery缩略图预览滑块的实现与使用技巧,并提供了完整的实例下载,需要的朋友可以参考下
    2015-06-06
  • jQuery学习笔记之总体架构

    jQuery学习笔记之总体架构

    jQuery是一个兼容多浏览器的javascript框架,核心理念是write less,do more(写得更少,做得更多)。如今,jQuery已经成为最流行的javascript框架,在世界前10000个访问最多的网站中,有超过55%在使用jQuery。那么作为一个前端设计师,怎么可能不来深入了解下jQuery呢,首先我们从他的总体构架开始吧
    2014-06-06
  • jquery编写弹出信息提示条并延时滑出动画实现示例

    jquery编写弹出信息提示条并延时滑出动画实现示例

    这篇文章主要为大家介绍了jquery编写弹出信息提示条并延时滑出动画实现示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-08-08
  • jquery+CSS3实现淘宝移动网页菜单效果

    jquery+CSS3实现淘宝移动网页菜单效果

    这篇文章主要介绍了jquery+CSS3实现淘宝移动网页菜单效果,实例分析了jquery操作页面样式动态变换及热区的选择技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • js实现碰撞检测特效代码分享

    js实现碰撞检测特效代码分享

    这篇文章主要给大家分享了js实现碰撞检测特效代码,主要就是使用JavaScript实现网页版的碰撞检测,有需要的小伙伴可以参考下
    2016-10-10
  • 基于jQuery的投票系统显示结果插件

    基于jQuery的投票系统显示结果插件

    投票系统是网站中十分常见的系统,显示结果也是十分常见的。最近因为项目需要开发了一个投票结果显示jQuery插件。
    2011-08-08
  • jquery实现TAB选项卡鼠标经过带延迟效果的方法

    jquery实现TAB选项卡鼠标经过带延迟效果的方法

    这篇文章主要介绍了jquery实现TAB选项卡鼠标经过带延迟效果的方法,可实现tab选项卡的延迟加载效果,涉及jquery鼠标事件及延迟函数的相关使用技巧,需要的朋友可以参考下
    2015-07-07
  • jQuery中:visible选择器用法实例

    jQuery中:visible选择器用法实例

    这篇文章主要介绍了jQuery中:visible选择器用法,实例分析了:visible选择器的功能、定义及匹配操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2014-12-12
  • jquery动态加载图片数据练习代码

    jquery动态加载图片数据练习代码

    这里我只是随便做了下,上面是照片列表和两个按钮,单击小图片下面显示大图片,当点击按钮时可以查看下一页,上一页的图片。
    2011-08-08

最新评论