`
- 浏览:
321240 次
- 性别:
- 来自:
上海
-
[size=medium][/size]
引用
一、jQuery___效果(滑动效果)
slideDown(speed, [callback])
概述
通过高度变化(向下增大)来动态地显示所有匹配的元素,在显示完成后可选地触发一个回调函数。
这个动画效果只调整元素的高度,可以使匹配的元素以“滑动”的方式显示出来。在jQuery 1.3中,上下的padding和margin也会有动画,效果更流畅。
参数
speedString,Number
三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如:1000)
callback (可选)FunctionFunction
在动画完成时执行的函数
示例
描述:
用600毫秒缓慢的将段落滑下
jQuery 代码:
$("p").slideDown("slow");
描述:
用200毫秒快速将段落滑下,之后弹出一个对话框
jQuery 代码:
$("p").slideDown("fast",function(){
alert("Animation Done.");
});
slideUp(speed, [callback])
概述
通过高度变化(向上减小)来动态地隐藏所有匹配的元素,在隐藏完成后可选地触发一个回调函数。
这个动画效果只调整元素的高度,可以使匹配的元素以“滑动”的方式隐藏起来。在jQuery 1.3中,上下的padding和margin也会有动画,效果更流畅。
参数
speedString,Number
三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如:1000)
callback (可选)Function
在动画完成时执行的函数
示例
描述:
用600毫秒缓慢的将段落滑上
jQuery 代码:
$("p").slideUp("slow");
描述:
用200毫秒快速将段落滑上,之后弹出一个对话框
jQuery 代码:
$("p").slideUp("fast",function(){
alert("Animation Done.");
});
slideToggle(speed, [callback])
概述
通过高度变化来切换所有匹配元素的可见性,并在切换完成后可选地触发一个回调函数。
这个动画效果只调整元素的高度,可以使匹配的元素以“滑动”的方式隐藏或显示。在jQuery 1.3中,上下的padding和margin也会有动画,效果更流畅。
参数
speedString,Number
三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如:1000)
callback (可选)Function
在动画完成时执行的函数
示例
描述:
用600毫秒缓慢的将段落滑上或滑下
jQuery 代码:
$("p").slideToggle("slow");
描述:
用200毫秒快速将段落滑上或滑下,之后弹出一个对话框
jQuery 代码:
$("p").slideToggle("fast",function(){
alert("Animation Done.");
});
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
101. 打包基于jQuery对图片边框修饰插件示例下载(支持图片阴影效果、顶部banner效果、邮票边框、毛边相框、云朵包围效果) 102. 推荐jquery仿Flash大banner图片切换播放特效,非常完美 103. 推荐jQuery仿新浪QQ绝...
更多相关jQuery滑动滑动效果表单表单验证 所属专题:表单验证
jQuery图片自动滑动门效果图片切换图片滑动幻灯片 所
使用了JS技术以及JQuery技术完成轮播图特效实现
17. jquery图文排行混合互相切换效果(仿Vancl效果) 18. jQuery图片插件之鼠标放在图片上出现动态的hover效果插件 19. jQuery图片自动轮播淡入淡出的幻灯插件iFadeSlide 20. jQuery大气banner带时间线自动播放的...
jquery左右伸缩滑动效果
jquery mobile左右滑动效果今天给大家分享了
jquery滑动星星评分效果代码
jquery坐标标尺滑动效果
代码简介:jquery滑动组合相册效果免费下载
jquery网页图片墙效果_全屏图片墙滑动切换效果代码 jquery网页图片墙效果_全屏图片墙滑动切换效果代码 jquery网页图片墙效果_全屏图片墙滑动切换效果代码 jquery网页图片墙效果_全屏图片墙滑动切换效果代码
jquery制作的一个滚动图片的效果 放在首相展示信息
jquery html5手机端翻书效果_手指滑动书本翻页效果代码
jQuery图片左右滚动效果代码是一款带左右箭头,自动轮播的jQuery图片切换特效。
一个很好的jquery 滑动门效果,可以做导航,或者图片切换,很简单,很实用!
jquery实现滑动效果
很酷的jQuery车门滑动效果菜单,鼠标移动到菜单上有车门滑动效果!
jQuery实现车门滑动效果
jquery 多图片左右滑动效果 兼容多浏览器器
jquery图片滑动效果图片切换经典jquery图片滑动效果图片切换经典