當前位置:編程學習大全網 - 編程語言 - 用js控制div的顯示位置

用js控制div的顯示位置

代碼如下:

<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";

  • 上一篇:和機器人壹起過春節,是不是很酷!
  • 下一篇:美國留學 伊利諾伊大學計算機科學專業基本介紹
  • copyright 2024編程學習大全網