jQuery弹窗大图展示代码
编辑：Simone
2024-11-20 11:58:50
573 阅读
jQuery弹窗大图展示代码
新建html文档。
准备好需要用到的图标。
书写hmtl代码。
示例演示 | Galpop Image Gallery Popup
1、单张图片
Just bind galpop to the anchor link.
2、多张图片
Bind a series of images with the same "data-galpop-group" attribute value.
书写css代码。
body, html { font-size: 100%; padding: 0; margin: 0; }
body { background: #494A5F; color: #D5D6E2; font-weight: 500; font-size: 1.05em; font-family: "Microsoft YaHei", "Segoe UI", "Lucida Grande", Helvetica, Arial, sans-serif; }
书写并添加js代码。
代码整体结构。
查看效果。
版权声明：本站【趣百科】文章素材来源于网络或者用户投稿，未经许可不得用于商用，如转载保留本文链接：https://www.qubaik.com/article/70023.html
