#menus {
background-color: #c4cff0;
}
function Layer_HideOrShow(cur_div)
{ var current=document.getElementById(cur_div);
if(current.style.visibility=="hidden")
{
current.style.visibility ="visible";
}
else
{
current.style.visibility ="hidden";
}
}
?? |
====================
無標題文檔居中的DIV
=======================
3.javascript 控制 html元素 顯示/隱藏
1。編寫js函數
function display(id){
var traget=document.getElementById(id);
if(traget.style.display=="none"){
traget.style.display="";
}else{
traget.style.display="none";
}
}
2. 要顯示/隱藏的html元素加上 id 屬性
控制這個tr的顯示/隱藏 |
3,添加按鈕,鏈接等觸發 js 函數
顯示/隱藏
javascript顯示隱藏層
function 函數{
if(thisdiv.style.display=='none'){
thisdiv.style.display=""
}
else
thisdiv.style.display="none"
}
你先給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 οnclick="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";
方法一隱藏后 頁面的位置還被控件占用 只是不顯示 類似于.net驗證控件的Display=Static
方法二隱藏后 頁面的位置不被占用 類似于.net驗證控件的Display=Dynamic
這個方法來我是從一個boblog模板上找到的,其實網絡上也可以搜索到;只是網絡上不看效果的轉載讓人難辯代碼的錯對和方便。用這個方法比用《給zblog再增3個功能:防刷、收縮側欄、復制加版權》的效果要好,純css隱藏div會刷新頁面,但用js就不會了。
js代碼如下,新建一個txt文件,復制進去,保存并修改文件后綴為js(例open.js)即可。我是把這個文件放在zblog的SCRIPT文件夾里,這里js比較多……
程序代碼function showhidediv(id){
try{
var sbtitle=document.getElementById(id);
if(sbtitle){
if(sbtitle.style.display=='block'){
sbtitle.style.display='none';
}else{
sbtitle.style.display='block';
}
}
}catch(e){}
}