zepto中的动画（一）
程序员文章站
2022-01-20 23:10:49
...
<!DOCTYPE html>
<html>
<head>
<title>zepto中的动画</title>
</head>
<body>
<div>123</div>
<button>点我点我</button>
<script type="text/javascript" src="../../lib/zepto.min.js"></script>
<script src="../../lib/fx.js"></script>
<script src="../../lib/fx_methods.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('button').on('click' , function(){
$('div').toggle('slow'); //切换元素的显示与隐藏
$('div').hide(3000);
$('div').hide('slow');
$('div').show('slow');
$('div').fadeIn('slow');
$('div').fadeOut('slow');
$('div').fadeToggle('fast'); //切换元素的淡入与淡出
$('div, button').fadeToggle('slow');
$("div").fadeTo(3000 , 1)
})
})
</script>
</body>
</html>