当前位置：首页 → 问答吧 → jquery animate l浏览器兼容问题

jquery animate l浏览器兼容问题

时间：2009-07-03

来源：互联网

请问我这样的效果在IE上显示正常，但是在fire上显示不出来，谢谢啦！
<!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>jQuery Test</title>
<script src="jquery-1.3.2-vsdoc2.js" type="text/javascript"></script>
</head>
<body>
<div id="sss1"><span id = "spid1" style=" width:300px; background-color:#ff0000;display:block;"></span></div>
</body>
</html>
<script type="text/javascript">
    $(function(){
            var w = $("#spid1").css("width");
            $("#spid1").css("width","0px");

            $("#spid1").animate(
            {
                width: w
            },  3000
            );
    });
</script>

[ 此帖被wenyj在2009-07-07 14:41重新编辑 ]

作者: wenyj 发布时间: 2009-07-03

和jQuery无关，只是你的span没有设置height，而且里面没有内容，所以高度为0，不会显示而已

方法1：
<div id="sss1"><span id = "spid1" style="width:300px; background-color:#ff0000;display:block;height:1em"></span></div>

方法2：
<div id="sss1"><span id = "spid1" style="width:300px; background-color:#ff0000;display:block;"> </span></div>

作者: keakon 发布时间: 2009-07-03

jquery animate l浏览器兼容问题

热门阅读

热门下载