为什么在ie7及以下浏览器中，不能使用jquery的animate动画效果

moult 2010-07-29 01:29:59

就下面这个最简单的jquery的animate动画，但是在ie6/7下不能执行，其他浏览器一律OK~（包括ie8/9）





<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>



<script type='text/javascript'

src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js?ver=1.4.2'>

</script> 



</head>

<body>



<div id="123" class="123" >10000</div>



<script type="text/javascript">

$(".123").mouseover(function(){

$(this).animate({ 

fontSize:"50px",

}, 300 ); 

});

</script>



</body>

</html>

...全文

745 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

mmmmf 2010-11-04

打赏
举报

一个逗号的奇迹啊……多谢一楼的

moult 2010-07-29

打赏
举报

谢谢楼上的，但不好意思，结贴太快了~~

籽沫 2010-07-29

打赏
举报



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>



<script type='text/javascript'

src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js?ver=1.4.2'>

</script> 



</head>

<body>



<div id="123" class="123" style="background:red;">10000</div>



<script type="text/javascript">

$(document).ready(function(){

	$(".123").animate({ 

			fontSize: "50px"

			//fontSize:"50px",

	}, 300 ); 

})

</script>



</body>

</html>

你在看看他们的解析机制不一样

moult 2010-07-29

打赏
举报

谢谢楼上的。居然最后这句要去掉都好的~~~

zoujp_xyz 2010-07-29

打赏
举报



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>无标题文档</title>



    <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js?ver=1.4.2'>

    </script>



</head>

<body>

    <div id="123" class="123">

        10000</div>



    <script type="text/javascript">

$(".123").mouseover(function(){

$(this).animate({ 

fontSize:"50px"

}, 300 ); //多了一个逗号

});

    </script>



</body>

</html>