关闭

滑动效果

149人阅读 评论(0) 收藏 举报
分类:

1.1 滑动效果

上滑

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

可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow""fast" 或毫秒。

可选的 callback 参数是隐藏或显示完成后所执行的函数名称。

下滑  slideDown

切换滑动  slideToggle()

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style>
	.box{
		width:50px;
		height:200px;
		background-color:#F39;
		margin:0 50px;
		}
</style>
<script src="jquery-1.11.3.min.js" type="text/javascript"></script>
<script>
	$(function(){
		$('.up').click(function(){
			$('.box').slideUp(1500);
			})
		$('.down').click(function(){
			$('.box').slideDown(1500);
			})
		$('.toggle').click(function(){
			$('.box').slideToggle(1500);
			})
		})
</script>
</head>

<body>
<button class="up">上滑动</button>
<button class="down">下滑动</button>
<button class="toggle">切换滑动</button>
<div class="box"></div>
</body>
</html>


0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:37654次
    • 积分:1022
    • 等级:
    • 排名:千里之外
    • 原创:53篇
    • 转载:14篇
    • 译文:19篇
    • 评论:0条
    文章分类