滑动效果

翻译 2015年11月18日 16:32:40

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>


利用css3动画效果编写滑动按钮开关

代码: css3做的滑动开关效果 .switch{ width: 100px; margin: 100px 0px 0 100px; } .bt...
  • qq_30337695
  • qq_30337695
  • 2016年08月31日 10:10
  • 1111

纯css一页显示多个块的水平滑动效果

GIF图总是传不上。。。 今天公司让写一个水平滑动的小插件。 需求:移动端,自适应。 以前写过一个,用js根据每个块的宽度计算包含块的父级内容块宽度,在最外层包括一个想要的大小,overflow...
  • z852064121
  • z852064121
  • 2017年04月13日 11:08
  • 1564

Unity实现滑页效果(UGUI)

简介 项目需要...直接展示效果吧: 原理 使用UGUI提供的ScrollRect和ScrollBar组件实现基本滑动以及自己控制每次移动一页来达到滑页的效果。 实现过程 ...
  • hany3000
  • hany3000
  • 2017年04月06日 08:51
  • 1629

仿京东首页沉浸式以及滑动效果

  • 2017年09月13日 11:31
  • 15.56MB
  • 下载

android多任务键效果--卡片滑动,选择,侧滑删除

  • 2017年11月08日 11:04
  • 772KB
  • 下载

滑动页面效果

  • 2016年06月29日 10:36
  • 123KB
  • 下载

jquery滑动图片效果

  • 2015年12月18日 21:37
  • 183KB
  • 下载

css3实现导航滑动效果

  • 2017年05月24日 10:37
  • 6KB
  • 下载

js代码滑动效果

  • 2015年05月29日 12:11
  • 414KB
  • 下载

鼠标滑动文字显示效果

  • 2015年07月01日 09:54
  • 92KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:滑动效果
举报原因:
原因补充:

(最多只允许输入30个字)