我的代码哪里写错了为什么运行不了！高手来看下！ - JavaScript论坛 - 编程论坛

| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛 |

编程论坛 → WEB开发 → 『 JavaScript论坛』 → 我的代码哪里写错了为什么运行不了！高手来看下！

我的收件箱(0)

欢迎加入我们，一同切磋技术

共有 605 人关注过本帖

标题：我的代码哪里写错了为什么运行不了！高手来看下！

只看楼主加入收藏

bmn1243

帅哥哟，离线，有人找我吗？

Rank: 1

等　级：新手上路
帖　子：3
专家分：0
注　册：2011-4-5
结帖率：0

收藏

问题点数：0 回复次数：1

我的代码哪里写错了为什么运行不了！高手来看下！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.
<html xmlns="http://www.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">

</style>
<script language="javascript">

            function aa(x,y,z)
            {
            if(x.style.visibility=="hidden";)
            {
                    x.style.visibility="visible";
                    y.style.visibility="hidden";
                    z.style.visibility="hidden";
            }
            }
</script>
</head>
<body>
<a href="#" onclick="aa(Layer2,Layer3,Layer4);">点击显示层1</a>    <a href="#" onclick="aa(Layer3,Layer2,Layer4);">点击显示层2</a>  <a href="#" onclick="aa(Layer4,Layer2,Layer3);">点击显示层3</a>
<div id="Layer2">这是层1的内容</div>
<div id="Layer3">这是层2的内容</div>
<div id="Layer4">这是层3的内容</div>
</body>
</html>
我的目的是，点击显示层1  然后就显示出来层1的内容  然后隐藏其他两个层，依次类推其他两个也是这样的，点哪个显示哪个其余的隐藏！

搜索更多相关主题的帖子: content　PUBLIC　title　style　文档　

发帖时间

2011-06-17 20:29

kongmajian

帅哥哟，离线，有人找我吗？

Rank: 2

等　级：论坛游民
帖　子：13
专家分：30
注　册：2011-6-19

收藏

得分:0

程序代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. xmlns="http://www. http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>隐藏显示</title>
<style type="text/css">
<!--
#Layer1 {
    position:absolute;
    left:20px;
    top:40px;
    width:300px;
    height:200px;
    z-index:1;
    background-color:red;
}
#Layer2 {
    position:absolute;
    left:20px;
    top:40px;
    width:300px;
    height:200px;
    z-index:2;
    background-color:blue;
}
#Layer3 {
    position:absolute;
    left:20px;
    top:40px;
    width:300px;
    height:200px;
    z-index:3;
    background-color:green;
}

-->
</style>
<script language="javascript">   
    function aa()
    {
        var x = document.getElementById("Layer1");
        var y = document.getElementById("Layer2");
        var z = document.getElementById("Layer3");
        x.style.display="block";
        y.style.display="none";
        z.style.display="none";
    }
    function bb()
    {
        var x = document.getElementById("Layer1");
        var y = document.getElementById("Layer2");
        var z = document.getElementById("Layer3");
        y.style.display="block";
        x.style.display="none";
        z.style.display="none";
    }
    function cc()
    {
        var x = document.getElementById("Layer1");
        var y = document.getElementById("Layer2");
        var z = document.getElementById("Layer3");
        z.style.display="block";
        x.style.display="none";
        y.style.display="none";
    }
</script>
</head>
<body>
<a href="javascript:aa();">点击显示层1</a>
<a href="javascript:bb();">点击显示层2</a>
<a href="javascript:cc();">点击显示层3</a>    
<br />
<div id="Layer1" style="display:none">这是层1的内容</div>
<div id="Layer2" style="display:none">这是层2的内容</div>
<div id="Layer3" style="display:none">这是层3的内容</div>
</body>
</html>

display:none写在DIV中~为了区分3个DIV我加了简单颜色。

发帖时间

2011-06-20 13:57

快速回复：我的代码哪里写错了为什么运行不了！高手来看下！

关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有，并保留所有权利。

Powered by Discuz, Processed in 0.051446 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved