首页 > 其他 > 详细

设置div弹出层显示隐藏效果

时间:2017-07-26 17:25:51      阅读:217      评论:0      收藏:0      [点我收藏+]

----页面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弹出层显示隐藏效果

原文:http://ty2538402559.blog.51cto.com/9486194/1951057

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!