所在位置:首页 > 技术社区 > 技术新闻 >

jQuery4种滑动效果实现方法

时间:2016-05-11 17:01:20 来源:北大青鸟广州新嘉华学校 作者:小狮 已有人浏览

导语

这里,北大青鸟广州新嘉华老师将来带你一起通过 jQuery,让您可以在元素上创建滑动效果。jQuery 拥有以下滑动方法:slideDown()slideUp()

这里,北大青鸟广州新嘉华老师将来带你一起通过 jQuery,让您可以在元素上创建滑动效果。
jQuery 拥有以下滑动方法:
slideDown()
slideUp()
slideToggle()
jQuery slideDown() 方法
jQuery slideDown() 方法用于向下滑动元素。
语法:
$(selector).slideDown(speed,callback);
可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。
可选的 callback 参数是滑动完成后所执行的函数名称。
下面的例子演示了 slideDown() 方法:
实例
$("#flip").click(function(){
  $("#panel").slideDown();
});
 
北大青鸟广州新嘉华老师提示赶紧尝试一下吧!
 
jQuery slideUp() 方法
jQuery slideUp() 方法用于向上滑动元素。
语法:
$(selector).slideUp(speed,callback);
可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。
可选的 callback 参数是滑动完成后所执行的函数名称。
下面的例子演示了 slideUp() 方法:
实例
$("#flip").click(function(){
  $("#panel").slideUp();
});
 
北大青鸟广州新嘉华老师提示赶紧尝试一下吧!
 
jQuery slideToggle() 方法
jQuery slideToggle() 方法可以在 slideDown() 与 slideUp() 方法之间进行切换。
如果元素向下滑动,则 slideToggle() 可向上滑动它们。
如果元素向上滑动,则 slideToggle() 可向下滑动它们。
$(selector).slideToggle(speed,callback);
可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。
可选的 callback 参数是滑动完成后所执行的函数名称。
下面的例子演示了 slideToggle() 方法:
实例
$("#flip").click(function(){
  $("#panel").slideToggle();
});

开班信息

Java就业班 01-22 立即报名
WEB基础班 02-28 立即报名
Python基础班 01-22 立即报名
架构师基础班 02-28 立即报名
ACCP基础班 01-22 立即报名
网络营销师 02-28 立即报名
ACCP就业班 01-22 立即报名
Java基础班 02-28 立即报名

申请免费线下试听名额

姓 名:

手 机:

课 程: