js实现div层的显示与隐藏的代码一例

发布时间:2020-02-09编辑:脚本学堂
javascript实现的div层的显示与隐藏,当然也可以用于其它的页面元素,在很多场合会用到,有需要的朋友,可以看看。

代码如下:

<html>
<head>
<title>显示与隐藏层-www.jb200.com</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ />
<script language=”javascript” type=”text/JavaScript”>
<!–
function showdiv(targetid,objN){
var target=document.getElementById(targetid);
var clicktext=document.getElementById(objN)
if (target.style.display==”block”){
target.style.display=”none”;
}
else
{
target.style.display=”block”;
}
}
–>
</script>
<style type=”text/css”>
#showtext1 { cursor: hand; cursor:pointer;}
.none { display: none; }
</style>
</head>
<body>
<input type=”button” onclick=”showdiv(‘contentid1′,’showtext1′)” value=”参与竞标”/>
<div id=”contentid1″>
竞标团队:<input type=”text” name=”Group” /><br />
主 导 者:<input type=”text” name=”Guid” /><br/>
项目预算:<input type=”text” name=”yusuan”/><br />
提交附件:<input type=”file” /><br />
课题开始时间:<input type=”text” name=”CreateTime” /><br />
课题结束时间:<input type=”text” name=”OverTime” /><br />
是否中标:是<br />
</div>
</body>
</html>