| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛 | 
登录
注册
用户控制面板
搜索
道具
风格
短消息
论坛展区
帮助
编程论坛 → WEB开发 → 『 JavaScript论坛 』 → 我的代码哪里写错了为什么运行不了！高手来看下！
我的收件箱(0)
欢迎加入我们，一同切磋技术
用户名：   
 
密　码：  
共有 607 人关注过本帖
标题：我的代码哪里写错了为什么运行不了！高手来看下！
只看楼主 加入收藏
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">
<!--
#Layer2 {
    position:absolute;
    left:18px;
    top:41px;
    width:296px;
    height:198px;
    z-index:2;
    display:none;
}
#Layer3 {
    position:absolute;
    left:21px;
    top:42px;
    width:290px;
    height:174px;
    z-index:3;
    display:none;
}
#Layer4 {
    position:absolute;
    left:18px;
    top:41px;
    width:292px;
    height:173px;
    z-index:4;
    display:none;
}
-->
</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
第 2 楼
收藏
 得分: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.020727 second(s), 10 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved