js通过图片切换实现开关按钮(一)

来源:互联网 发布:佛教历史 知乎 编辑:程序博客网 时间:2024/06/03 01:45
简单的切换图片实现开关按钮:
<style>  .box1{    width: 100px;    height: 50px;    border: 1px solid #ccc;    background: url(img/closed.png) no-repeat;  }  .changeBg{    width: 100px;    height: 50px;    border: 1px solid #ccc;    background: url(img/opened.png) no-repeat;  }</style><script type="text/javascript">    function change(n){        var su = confirm("是否确定");        var emediv=document.getElementById('mydiv'+n);        if(su==true){                        if(emediv.className=="box1"){                            //此处写后台交互                            emediv.className="changeBg";                        }else{                            emediv.className="box1";                        }                    }        }</script><div class="box1" onclick="change(1)" id="mydiv" > </div>


0 0
原创粉丝点击