13,做动画之前 先确定位置。
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”zh-CN” lang=”zh-CN”>
<script src=”jquery.js” type=”text/javascript”></script>
<SCRIPT LANGUAGE=”JavaScript”>
$(function(){
$(‘#a’).css(“position”,”absolute”);//如果把这句去掉，动画就没了。
/*
在使用.animate之前，请先把位置确定，不管你是用的 absolute 还是relative
总之要设置其中的一种，因为所有的块级元素默认是static。
其实是跟css有关。
*/
$(‘#test’).click(function(){
$(‘#a’).animate({ left : ‘300’ } , ‘slow’ )
})
})
</SCRIPT>
<DIV id=”a” >a</div>
<input type=”button” id=”test” value=”test” />
14，width()和css(‘width’)
<script src=”jquery.js” type=”text/javascript”></script>
<SCRIPT LANGUAGE=”JavaScript”>
$(function(){
$(‘#test’).click(function(){
var t1 = $(‘#a’).width();
var t2 = $(‘#a’).css(‘width’);
alert( t1 ); //200 ， 不带单位
alert( t2 ); //200px ， 带单位
alert( parseInt(t2) ) //200 ， 不带单位
})
})
</SCRIPT>
<DIV id=”a” style=”width:200px”>a</div>
<input type=”button” id=”test” value=”test” />
15：animate()做动画效果时，动画执行的顺序。
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”zh-CN” lang=”zh-CN”>
<script src=”jquery.js” type=”text/javascript”></script>
<SCRIPT LANGUAGE=”JavaScript”>
$(function(){
$(‘#test’).click(function(){
$(‘#a’).animate({left : “300px” } , “slow” )
.animate({ top : “300px” } , “slow” );
})
})
</SCRIPT>
<DIV id=”a” style=”position:absolute;width:10px;height:10px;”>a</div>
