html5实现点击弹出图片功能
导读:收集整理的这篇文章主要介绍了html5实现点击弹出图片功能,觉得挺不错的,现在分享给大家,也给大家做个参考。 下面给大家分享htML5点击弹出图片,分为前台代码和js代码,具体内容如下所示:前台代码:<a href="jav...
收集整理的这篇文章主要介绍了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核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: html5实现点击弹出图片功能
本文地址: https://pptw.com/jishu/586349.html