JS技术

缓动库_Javascript教程(4)

字号+ 作者:H5之家 来源:H5之家 2015-09-27 08:10 我要评论( )

把body文字颜色变成红色 html head title改变背景色/title script type=text/javascript src=/script script type=text/javascript Readkid.onload = function() { Readkid.motion.tween(document.body, 1.5, {colo

把body文字颜色变成红色
<html>
<head>
<title>改变背景色</title>
<script type="text/javascript" src=""></script>
<script type="text/javascript">
Readkid.onload = function() {
 Readkid.motion.tween(document.body, 1.5, {color:0xFF0000});
}
</script>
</head>
<body>
看不到效果请刷新一下,看不到效果请刷新一下,看不到效果请刷新一下,看不到效果请刷新一下,看不到效果请刷新一下,看不到效果请刷新一下,看不到效果请刷新一下
<br />
看不到效果请刷新一下
<br />
看不到效果请刷新一下
</body>
</html>

你可以强制停止缓动
传递一个布尔值参数来指定缓动对象是在当前状态下停止还是停止在结束状态
<html>
<head>
<title>停止缓动</title>
<style>
#test{width:50px; height:20px; background:#f00}
</style>
<script type="text/javascript" src=""></script>
<script type="text/javascript">
Readkid.onload = function() {
 var tween = Readkid.motion.tween(document.getElementById('test'), 3, {width:600, height:350});
 
 Readkid("#b1").addListener("click", function(e) {
  tween.kill(false);
 });
 Readkid("#b2").addListener("click", function(e) {
  tween.kill(true);
 });
}
</script>
</head>
<body>
看不到效果请刷新一下<br />
<a href="#" id="b1">单击页面停止缓动,对象停止在当前状态</a><br />
<a href="#" id="b2">单击页面停止缓动,对象停止在结束状态</a><br />
<div id="test"></div>
</body>
</html>

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评