您的位置：首页 > 其它

JQury中设置元素滑动(slideUp/slideDown/slideToggle)方法

2016-02-03 22:44 579 查看

JQury中设置元素滑动的slide方法包括:

slideDown(speed,callback)方法是让元素向下滑动；

slideUp(speed,callback)方法是让元素向上滑动；

slideToggle(speed,callback)方法是切换元素的滑动方向；

其中两个参数都是可选的，speed 是设置滑动效果的时长，它可以取以下值："slow"、"fast" 或毫秒。callback 参数是滑动完成后所执行的函数名称。

以下以slideToggle为例：
<!DOCTYPE html>

<html>

<head>

<script src="/jquery/jquery-1.11.1.min.js"></script>

<script type="text/javascript">

$(document).ready(function(){

$("#div2").click(function(){

$("#div1").slideToggle("slow");

});

});

</script>

<style type="text/css">

#div1 {

width:500px;

text-align:center;

background:green;

border:solid 1px #c3c3c3;

display:none;

}

#div2 {

width:500px;

text-align:center;

background:green;

border:solid 1px #c3c3c3;

}

</style>

</head>

<body>

<div id="div1">元素滑动了！！！<br>元素滑动了！！！<br>元素滑动了！！！<br></div>
<div id="div2">点击这里切换元素滑动效果</div>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航