又一段简单代码求助（已解决）

tsun1024 · 发表于 2007-12-19 10:58:57

<!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>textselectcard</title>
<style>
*{margin:0;padding:0;text-align:center;}
div#main{width:323px;margin:20px auto;position:relative;}
div#top{width:323px;height:30px;line-height:30px;margin:0 auto;}
div.menu{float:left;width:160px;height:30px;border:1px solid red;}
div#t2{border-left:0px;}
div.show{width:321px;height:220px;border:1px solid red;border-top:0px;
             position:absolute;top:32px;left:0px;}

</style>
<script language="javascript">
var s1=document.getElementById("s1");
var s2=document.getElementById("s2");
var t1=document.getElementById("t1");
var t2=document.getElementById("t2");
function selectcard(haha) {
  if(haha==t1) {s1.style.display="block";s2.style.display="none";};
  if(haha==t2) {s2.style.display="block";s1.style.display="none";};
 }
</script>
</head>
<body>
<div id="main">
   <div id="top">
      <div id="t1" class="menu" onMouseOver="selectcard(this)">menu1</div>
      <div id="t2" class="menu" onMouseOver="selectcard(this)">menu2</div>
   </div>
   <div id="s1" class="show">text1</div>
   <div id="s2" class="show">text2</div>
</div>
</body>
</html>

提示：您可以先修改部分代码再运行

运行后效果出不来，就是鼠标放到div#t1和div#t2上面没有反应，是为什么呀。。麻烦大家了

[[i] 本帖最后由 tsun1024 于 2007-12-19 11:15 编辑 ]

badwish · 发表于 2007-12-19 11:10:14

把JS代碼移動到最後面就可以了。
因為：
var s1=document.getElementById("s1");
var s2=document.getElementById("s2");
var t1=document.getElementById("t1");
var t2=document.getElementById("t2");
文檔裡還沒有出現s1之類的對像，document.getElementById("s1")得到的就是空值了。

piginlove · 发表于 2007-12-19 11:10:19

var s1=document.getElementById("s1");
var s2=document.getElementById("s2");
var t1=document.getElementById("t1");
var t2=document.getElementById("t2");
所有这些的值都是nudefined

tsun1024 · 发表于 2007-12-19 11:15:03

多谢badwish的详细解答，也非常感谢piginlove...
看来基础不打扎实是不靠谱啊～

帐号		自动登录	找回密码
密码			注册