如果说有什么时候让人讨厌IE的话,那就是现在了。这段代码从一个带内容的方框开始。当点击按钮时,方框应该下拉并淡入。
<html>
<script type="text/javascript" src="jquery.js"></script>
<script type='text/javascript'>
function Test()
{
var item_height = $('#test').height();
$('#test').height(0);
$('#test').css('opacity','0');
$('#test').animate({ height: item_height, opacity: '1' },400);
}
</script>
<body>
<!-- The div below holds the sample content -->
<div id="test" style='border: 1px solid black;'>
Content<br>
Content<br>
Content<br>
Content<br>
Content
</div>
<!-- The button to test the animation -->
<br><br>
<div style='position: absolute; top: 150px; left: 10px;'>
<button onclick='Test();'>Test</button>
</div>
</body>
</html>
这个非常简单的例子在Chrome、Safari和Opera上可以正常工作。但是在Internet Explorer上呢?不行。
我(如果可能的话)该如何修复它,使其能在IE中工作?
<head></head>
标签了吗? - Pekka