1. 程式人生 > >設置div彈出層顯示隱藏效果

設置div彈出層顯示隱藏效果

div

----頁面div

<div id="show_scfsxz" style="display:none;zindex:1000;position:absolute;left:850px;top:28px;border:1px solid #06c;padding:0px;background:#C7DEF8;">

<br/>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>上傳方式: <input type="radio" value="0" name="fjscfs" <input type="radio" value="1" name="fjscfs" onclick="scfsxz(‘1‘);">高影儀上傳</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<br/><br/><span><input name="" class="button2" type="button" value="確定"/>&nbsp;

<input name="" class="button2" type="button" type="button" value="取消" onclick="hidden(‘show_scfsxz‘)"></span>

<br/><br/>

</div>

---點擊事件

<a href="###" style="color: red;" onclick="showscfs(‘show_scfsxz‘);">設置上傳方式</a>

----JS

//隱藏div

function hidden(checkbox_list){

var checkbox_list = document.getElementById(checkbox_list);

checkbox_list.style.display = "none";

}

//顯示div

function showscfs(checkbox_list){

var checkbox_list = document.getElementById(checkbox_list);

checkbox_list.style.display = "block";

}


設置div彈出層顯示隱藏效果