非常简单的JS判断传值问题，100分

要求做3个重叠的DIV，第一个显示剩下两个隐藏，第一页上做3-5个可点击的字或者词语，当点击字或词时传值，并用JS判断传的值不为空时，跳到下一个DIV，就是第二个DIV显示，1，3隐藏。要求点击每个不同的字或值时传的值不一样。第二页也放上几个字或词，一样的要求。最好JS里有注解，如果我说的不清请回帖说明

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

楼主可以判断点击时得到的text是否为空就可以了，如果不为空就显示第二个div就可以了啊
就是点击个“我是楼主”之类的href="#"的词语，然后产生一个值，获取他用JS判断这个值不为空时跳转到第二个DIV
不知道楼主要的是不是这样的<html><head><title></title></head><body>
<div id="div1" style="background-color:red; margin-top:10px; margin-left:10px; width:200px; height:100px;">
<a href="javascript:void(0);" onclick="showdiv2(1);">显示div2</a> -
<a href="javascript:void(0);" onclick="showdiv3(1);">显示div3</a>
</div>
<div id="div2" style="background-color:green; margin-top:100px; margin-left:100px; width:200px; display:none; height:100px;">
<a href="javascript:void(0);" onclick="showdiv1(1);">显示div1</a> -
<a href="javascript:void(0);" onclick="showdiv3(1);">显示div3</a>
</div>
<div id="div3" style="background-color:blue; margin-top:150px; margin-left:150px; width:200px; display:none; height:100px;">
<a href="javascript:void(0);" onclick="showdiv1(1);">显示div1</a> -
<a href="javascript:void(0);" onclick="showdiv2(1);">显示div2</a>
</div>
</body></html>
<script language="javascript" type="text/javascript">
function showdiv1(n)
{
    if (n != null)
    {
        document.getElementById("div1").style.display = "";
        document.getElementById("div2").style.display = "none";
        document.getElementById("div3").style.display = "none";
    }
}function showdiv2(n)
{
    if (n != null)
    {
        document.getElementById("div2").style.display = "";
        document.getElementById("div1").style.display = "none";
        document.getElementById("div3").style.display = "none";
    }
}function showdiv3(n)
{
    if (n != null)
    {
        document.getElementById("div3").style.display = "";
        document.getElementById("div1").style.display = "none";
        document.getElementById("div2").style.display = "none";
    }
}
</script>
<html><head><title></title>
<style  type="text/css">
.div_class1
{
position : absolute ;
top : 10px ;
left : 10px ;
width:100px;
height : 20px ;
background-color : red ;
}
.div_class1
{
position : absolute ;
top : 100px ;
left : 100px ;
width:500px;
height : 100px ;
background-color : red ;
  overflow : hidden ;}
.div_class2
{
position : absolute ;
top : 100px ;
left : 100px ;
width:500px;
height : 100px ;
background-color : yellow ;
  overflow : hidden ;
  display : none ;
}
.div_class3
{
position : absolute ;
top : 100px ;
left : 100px ;
width:500px;
height : 100px ;
background-color : green ;
overflow : hidden ;
display : none ;
}
</style>
<script type="text/javascript">
function transvalue(obj)
{
    if(obj != null)
    {
        if(obj==1)
        {
            document.getElementById("div1").style.display="block";
            document.getElementById("div2").style.display="none";
            document.getElementById("div3").style.display="none";
        }
        if(obj==2)
        {
            document.getElementById("div1").style.display="none";
            document.getElementById("div2").style.display="block";
            document.getElementById("div3").style.display="none";
        }
        if(obj==3)
        {
            document.getElementById("div1").style.display="none";
            document.getElementById("div2").style.display="none";
            document.getElementById("div3").style.display="block";
        }
    }
}
</script>
</head><body>
<div class="div_class1" id="div1">
<a href="javascript:void(0);" onclick="transvalue('1');">1</a>
<a href="javascript:void(0);" onclick="transvalue('2');">2</a>
<a href="javascript:void(0);" onclick="transvalue('3');">3</a>
</div>
<div class="div_class2" id="div2">
<a href="javascript:void(0);" onclick="transvalue(1);">1</a>
<a href="javascript:void(0);" onclick="transvalue(2);">2</a>
<a href="javascript:void(0);" onclick="transvalue(3);">3</a>
</div>
<div class="div_class3" id="div3">
<a href="javascript:void(0);" onclick="transvalue(1);">1</a>
<a href="javascript:void(0);" onclick="transvalue(2);">2</a>
<a href="javascript:void(0);" onclick="transvalue(3);">3</a>
</div>
</body></html>
document.getElementById("check").value =23123;赋值
var s=document.getElementById("check").value;取值
楼上的和楼上的楼上的和楼上的楼上的楼上的的答案应该差不多了嘛--------------------------------------------------------------
www.bleehome.cn