jQuery页面动态效果

《jQuery页面动态效果》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、jQuery页面动态效果jQuery隐藏和显示通过hide()和show()两个函数，jQuery支持对HTML元素的隐藏和显示：实例如下：同时hide()和show()两个函数都可以设置2个参数：speed和callback。语法如下：$(selector).hide(speed.callback)$(selector).show(speed.callback)speed参数规定显示或隐藏的速度，这里可以设置成：slow、fast、normal或毫秒。callback参数是在hide或slow函数完成之后

2、被执行的函数名称。如：jQuery切换jQuerytoggle（）函数使用show（）和hide（）函数来切换HTML元素的可见状态语法如下：$(selector).toggle(speed,callback)speed参数规定显示或隐藏的速度，这里可以设置成：slow、fast、normal或毫秒。jQuery滑动函数slideDown，slideUp，slideToggle$(selector).slideDown(speed,callback)------------下拉$(selector).sli

3、deUp(speed,callback)-----------------上铺$(selector).slideToggle(speed,callback)--------------------切换------------------------------------------------------------------------------------------------------------------------------------------------------------

4、------------------------------------------------------------------------------------------------------jQueryFade函数fadeIn（）、fadeout（）、fadeTo（）语法如下：$(selector).fadeIn(speed,callback)$(selector).fadeOut(speed,callback)$(selector).fadeTo(speed,opacity,callback

5、)fadeTo()函数中的opacity参数规定减弱到给定的不透明度。---------------------------------------------------------------------------------------------------------------------------------jQuery自定义动画jQuery自定义动画的语法：$(selector).animate({params},[duration],[easing],[callback])关键的参数是

6、params。它定义产生动画的CSS属性。可以同时设置多个此类属性：animate({width:"70%",opacity:0.4,marginLeft:"0.6in",fontSize:"3em"});---------------------------------------------------------------------------------------------------------------------------------最后对所有的进行总结可以得到如下列表：