首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 开发语言 > 编程 >

jQuery 入门教程(七): 滑动效果

2013-03-13 
jQuery 入门教程(7): 滑动效果jQuery支持使用下面方法来实现HTML元素的滑动效果:slideDown()slideUp()slid

jQuery 入门教程(7): 滑动效果

jQuery支持使用下面方法来实现HTML元素的滑动效果:

slideDown()slideUp()slideToggle()

slideDown方法
用来实现向下滑动动画效果,其基本语法为:

$(selector).slideDown(speed,callback);

可选参数speed给出了淡入效果的时间,可以使用 “slow”,”fast” 或是数值(微秒)
第二个可选参数为回调函数,在slideDown()方法结束后调用。

下面例子点击按钮#panel 将采用下滑方式显示出来:

$("#flip").click(function(){  $("#panel").slideToggle();});



热点排行