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

就下面这个最简单的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>

解决方案 »

  1.   


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

  2.   


    <!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>你在看看  他们的解析机制不一样