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

    }


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