jQuery动画效果

1. jQuery中动画效果: 显示与隐藏的过程为动画效果

        基本效果: show( )显示与hide( )隐藏

        特别效果:toggle( )显示与隐藏来回切换。

    参数(显隐时间,切换效果,执行完事件后调用的函数)

        时间:默认是 "0"毫秒。可能的值:slow(600),normal,fast(200),         可以自定义。

        切换效果:默认是"swing"(摇摆),可用参数"linear"(直线)

        jQuery动画效果

2. jQuery中的滑动效果:  逐渐

    方法:slideDown()显示、slideUp()隐藏、slideToggle()显示与隐藏

       参数(显隐时间,切换效果,执行完事件后调用的函数)

            jQuery动画效果  

3. jQuery中淡入淡出的效果:

    说明: 只调整元素的不透明度,也就是说所有匹配的元素的高度和宽度不会发生变化。

    方法: fadeOut()淡出-显-、fadeIn()淡入-隐-、fadeToggle()淡出与淡入、fadeTo()淡化到指定不透明度(0-1)

 

    参数(显隐时间,切换效果,执行完事件后调用的函数)

        jQuery动画效果                        

4. jQuery中的自定义动画:

    方法:animate()

    参数:(需要改变的对象,显隐时间,切换效果,执行完事件后调用的函数)

        参数1特别说明:

           -   对象中包含的属性的属性值必须只能是数值不能为其他,但如果使用的是“hide”、“show”或“toggle”这样的字符串值,则                会为该属性调用默认的动画形式。    

          -   对象中的属性名必须采用驼峰写法,否则要加引号。

          -   如果提供一个以+= 或 -=开始的值,那么目标值就是以这个属性的         当前值加上或者减去给定的数字来计算的

          -   单位,属性值的单位像素(px),除非另有说明。单位em 和 %需要        指定使用

            jQuery动画效果