html5实现点击弹出图片功能

下面给大家分享htML5点击弹出图片，分为前台代码和js代码，具体内容如下所示：

前台代码：

a href="javascript:;
    " onclick="rePEat()">
     div id="modal_volume" style="posITion: fixed;
     text-align: center;
     width: 100%;
     height: 100%;
     top: 0;
     z-index: 9999;
     display: none;
    ">
            table style="width: 100%;
     height: 100%;
    ">
                tr>
                    td align="center" style="">
                        div style="width: 900px;
     position: relative">
                            a href="zjb_enroll?course=专业课提高班">
                               img src="Content/images/tanchuang.jpg" />
    /a>
                            a href="javascript:$('#modal_volume').fadeOut();
    " style="display: block;
     width: 45px;
     height: 45px;
     position: absolute;
     right: 11px;
     top: 10px;
     z-index: 2">
    /a>
                        /div>
                    /td>
                /tr>
            /table>
    /div>
    

js代码

  script>
        function repeat() {
                $('#modal_volume').fadeIn();
        }
        /script>
    

到此这篇关于html5实现点击弹出图片功能的文章就介绍到这了,更多相关html5点击弹出图片内容请搜索以前的文章或继续浏览下面的相关文章，希望大家以后多多支持！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！