指引网

当前位置: 主页 > 网页制作 > JavaScript >

div层的显示与隐藏

来源:网络 作者:佚名 点击: 时间:2017-07-02 08:48
[摘要]  关于div层的显示与隐藏方法是很简单的利用了js css div 三元素来实例,首页我们要把hide层用css 隐藏起来,然后用户点击一个显示再js显示就行了。

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://down.111cn.net/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.111cn.net/ 1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>div层的显示与隐藏</title>
<style type="text/css">
#hide{
 display:none;
}
</style>
<script language="网页特效">
function $(id)
{
 return document.getelementbyid(id);
}

function down()
{
 $('show').innerhtml = $('hide').innerhtml;
}
</script>
</head>

<body>
<div class="line">div层的显示与隐藏代码,利用js来实现的</div>


<div id="show">vvvv</div>
<div id="hide">显示了</div>
</body>
</html>

------分隔线----------------------------