javascript

位置:IT落伍者 >> javascript >> 浏览文章

javascript实现div的显示和隐藏的小例子


发布日期:2024年06月26日
 
javascript实现div的显示和隐藏的小例子

代码如下:
<html>
<head>
<meta httpequiv="ContentType" content="text/html; charset=gb" />
<title>oec</title>
<script language="JavaScript" type="text/JavaScript">
<!
function toggle(targetid){
if (documentgetElementById){
target=documentgetElementById(targetid);
if (targetstyledisplay=="block"){
targetstyledisplay="none";
} else {
targetstyledisplay="block";
}
}
}
>
</script>
<style type="text/css">
<!
#div{
backgroundcolor:#;
height:px;
width:px;
display:none;
}
>
</style>
</head>

<body>
<input type="button" id="butn" value="显示/隐藏" onclick="toggle(div)" />
<center>
<div id="div"></div></center>
居中的DIV
</body>
</html>

上一篇:jQuery封装的获取Url中的Get参数

下一篇:jquery ui dialog实现弹窗特效的思路及代码