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就没办法显示出来，
请大虾们帮忙找找这个问题是出在哪。
慕雪64428643回答
-
梦里花落0921
你不能把show（）写在onload这里，因为，在你使用ready方法的时候，加载完此方法后，他才会再载入body的，所以，其实已经发生fadein，只是载了onload的对应方法show（），看上去像不起作用。其实已经起作用了。建议直接把show（）写成css，样式，或者把show（）放在ready方法的第一条。 受到楼下的指教，重新修正了下 -
Smart猫小萌
ready比onload执行早，所以其实是先淡入再隐藏了……直接用CSS设置为隐藏，再在ready中淡入即可
随时随地看视频慕课网APP
相关分类
JavaScript