本文实例讲述了jQuery滑动效果实现方法。分享给大家供大家参考,具体如下:
jQuery 滑动方法:
1.slideDown()
方法:用于向下滑动元素
语法:
$(selector).slideDown(speed,callback);
2.slideUp()
方法:用于向上滑动元素
语法:
$(selector).slideUp(speed,callback);
3.slideToggle()
方法:可以在slideDown()
与slideUp()
方法之间进行切换。
语法:
$(selector).slideToggle(speed,callback);
eg:
Hello world
Hello everyone,I am so cool
click
运行结果:
jQuery如何实现套选项卡功能 jQuery实现套选项卡功能代码示例
jquery插件实现图片悬浮代码示例
jquery如何实现抽奖功能 jquery实现抽奖功能代码示例
jQuery如何实现计算器功能 jQuery实现计算器功能代码示例
jQuery zTree改变指定节点文本样式代码示例
Jquery使用each函数实现遍历及数组处理代码实例