jimjiayu

不忘学习。

滑动效果

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>


阅读更多
个人分类: jquery
上一篇jquery中 show()、hide()、toggle()显示效果
下一篇border-radius 圆角矩形
想对作者说点什么? 我来说一句

滑动效果 滑动效果 js 滑动效果

2010年05月12日 271KB 下载

手势实现Activity的切换滑动效果

2013年01月04日 817KB 下载

JS滑动效果

2012年08月07日 582KB 下载

Android 滑动效果ViewFlipper

2012年04月02日 2.09MB 下载

jquery图片滑动效果图片切换

2011年09月01日 1.81MB 下载

mobile实例の开发炫丽滑动效果

2009年12月22日 729KB 下载

android图片左右滑动效果

2014年08月26日 4.72MB 下载

没有更多推荐了,返回首页

关闭
关闭