代碼如下:
<html><head>
<meta?/images/456.gif"?width="153"?height="25"></a></td>
</tr>
<tr>
<td>
<div?id="menus">
<table?border="0"?width="100%"?cellpadding="0"?style="border-collapse:?collapse"?height="150"?id="table2">
<tr> <td> </td> </tr></table>
</div></td>
</tr>
</table>
</body>
</html>
====================
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=gb2312"?/>
<title>無標題文檔</title>
<script?language="JavaScript"?type="text/JavaScript">
<!--
function?toggle(targetid){
if?(document.getElementById){ target=document.getElementById(targetid); if?(target.style.display=="block"){ target.style.display="none"; }?else?{ target.style.display="block"; } }}
-->
</script>
<style?type="text/css">
<!--
#div1{
background-color:#000000;
height:400px;
width:400px;
display:none;
}
-->
</style>
</head>
<body>
<input?type="button"?id="butn"?value="顯示/隱藏"?onclick="toggle('div1')"?/>
<center>
<div?id="div1"></div></center>
居中的DIV
</body>
</html>
=======================
3.javascript?控制?html元素?顯示/隱藏
1。編寫js函數
<script?type="text/javascript">
function?display(id){
var?traget=document.getElementById(id);
if(traget.style.display=="none"){
traget.style.display="";
}else{
traget.style.display="none";
}}
</script>
2.?要顯示/隱藏的html元素加上?id?屬性
<table>
<tr?id="menu"?>
<td>控制這個tr的顯示/隱藏</td>
</tr>
</table>
3,添加按鈕,鏈接等觸發?js?函數
<input?type="button"?onclick="display('menu')"value="顯示/隱藏"/>
<a?href="#"onclick="display('menu')">顯示/隱藏</a>
javascript顯示隱藏層<div?id=""?style="display:none;">廣告</div>
<input?type="botton"?onclick="函數">
<script?language=javascript>
function?函數{
if(thisdiv.style.display=='none'){?
thisdiv.style.display=""
}
else
thisdiv.style.display="none"
}
</script給div?取個ID=“AA”thisdiv=AA
javascript隱藏/顯示表單對象
javascript隱藏/顯示表單對象?
[SCRIPT?language=JavaScript]
function?expandIt(el)?{
whichEl?=document.getElementById(el) if?(whichEl.style.display?=='none')?{ whichEl.style.display=?''; } else?{ whichEl.style.display=?'none'; } }[/SCRIPT]
el是對象的id,不管是tr或者table等等先設置壹下id,然後進行調用。
例:
[a?onclick="expandIt('ttchild');?return?false"?href="#"?]try?it[/a]
[tr?id="ttchild"][td?width="18"]Example[/td][/tr]
使用時把[]變成<>
javascript控制頁面控件隱藏顯示的兩種方法
javascript控制頁面控件隱藏顯示的兩種方法,方法的不同之處在於控件隱藏後是否還在頁面上占位
方法壹:
document.all["PanelSMS"].style.visibility="hidden";?
document.all["PanelSMS"].style.visibility="visible";
方法二:
document.all["PanelSMS"].style.display="none";?
document.all["PanelSMS"].style.display="inline";