码迷,mamicode.com
首页 > Web开发 > 详细

jQuery 效果 —— 滑动

时间:2016-12-21 11:51:15      阅读:193      评论:0      收藏:0      [点我收藏+]

标签:str   速度   使用   div   nbsp   语法   jquer   方法   jquery   

jQuery 效果 —— 滑动

1.向下滑动元素

(1)使用slideDown()方法可以用于向下滑动元素

$("button").click(function(){
    $("p").slideDown();
});


(2)语法:

$(selector).slideDown(speed,callback)

参数说明:

speed:下滑的速度,单位为毫秒;

callback:执行完下滑后要执行的函数。

2.向上滑动元素

(1)使用slideUp()方法用于向上滑动元素

$("button").click(function(){
    $("p").slideUp();
});

(2)语法

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

3.切换上滑和下滑

(1)使用slideToggle()方法在下滑和上滑之间来回切换状态

$("button").click(function(){
    $("p").slideToggle();
});

 

(2)语法

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

 

jQuery 效果 —— 滑动

标签:str   速度   使用   div   nbsp   语法   jquer   方法   jquery   

原文地址:http://www.cnblogs.com/ljiwej/p/6207046.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!