html5实现点击弹出图片功能

2024-11-2 22:38| 发布者: 8b79| 查看: 72| 评论: 0

摘要: 下面给各人分享html5点击弹出图片，分为前台代码和js代码，详细内容如下所示：前台代码： [code] <a href="javascript:;" onclick="repeat()"> <div id="modal_volume" style="position: fixed; text-align: cen

下面给各人分享html5点击弹出图片，分为前台代码和js代码，详细内容如下所示：

前台代码：

[code] <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>[/code]

js代码

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

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

来源：https://www.jb51.net/html5/782671.html
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

收藏分享邀请

上一篇：html5 录制mp3音频支持采样率和比特率设置下一篇：HTML5 语义化标签(移动端必备)

账号		自动登录	找回密码
密码			立即注册

html5实现点击弹出图片功能

相关分类

站长推荐 /6