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

    }


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章