《jQuery页面动态效果.doc》由会员分享,可在线阅读,更多相关《jQuery页面动态效果.doc(5页珍藏版)》请在金锄头文库上搜索。
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函数完成之后被执行的函数名称。如:jQuery切换jQuery toggle()函数使用show()
2、和hide()函数来切换HTML元素的可见状态语法如下:$(selector).toggle(speed,callback)speed参数规定显示或隐藏的速度,这里可以设置成:slow、fast、normal或毫秒。jQuery滑动函数slideDown,slideUp,slideToggle$(selector).slideDown(speed,callback)-下拉$(selector).slideUp(speed,callback)-上铺$(selector).slideToggle(speed,callback)-切换-jQuery Fade函数 fadeIn()、fadeout()
3、、fadeTo()语法如下:$(selector).fadeIn(speed,callback)$(selector).fadeOut(speed,callback)$(selector).fadeTo(speed,opacity,callback)fadeTo() 函数中的 opacity 参数规定减弱到给定的不透明度。-jQuery自定义动画jQuery自定义动画的语法:$(selector).animate(params,duration,easing,callback)关键的参数是 params。它定义产生动画的 CSS 属性。可以同时设置多个此类属性:animate(width:70%,opacity:0.4,marginLeft:0.6in,fontSize:3em);-最后对所有的进行总结可以得到如下列表: