JQUERY 棘手问题

<!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=gb2312" />
<title>无标题文档</title>
<script language="javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
function show(){
document.getElementById('divImg').style.display="none";
}

$(document).ready(function(){
$('#divImg').fadeIn(1000,function(){
alert('你成功了');
});
})
</script>

</head>

<body onload="show()" >

<div id="divImg"><img src="deepin-Aquanox.jpg" width="400" height="300" /></div>
</body>
</html>

页面加载后隐藏div 后还调用的jquery中的ready方法来淡入div, 为什么div就没办法显示出来，

请大虾们帮忙找找这个问题是出在哪。

慕雪6442864

浏览 405回答 3

3回答

梦里花落0921

你不能把show（）写在onload这里，因为，在你使用ready方法的时候，加载完此方法后，他才会再载入body的，所以，其实已经发生fadein，只是载了onload的对应方法show（），看上去像不起作用。其实已经起作用了。建议直接把show（）写成css，样式，或者把show（）放在ready方法的第一条。受到楼下的指教，重新修正了下

Smart猫小萌

ready比onload执行早，所以其实是先淡入再隐藏了……直接用CSS设置为隐藏，再在ready中淡入即可

随时随地看视频慕课网APP