把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>