modal:一个普通的 JS 模态弹出脚本

时间:2024-06-21 17:03:49
【文件属性】:

文件名称:modal:一个普通的 JS 模态弹出脚本

文件大小:783KB

文件格式:ZIP

更新时间:2024-06-21 17:03:49

JavaScript

模态 描述 用于模态弹出窗口的独立香草 JS 脚本。 使用历史 API 创建整个页面加载的错觉(后退/前进按钮优点),但实际上只是通过 AJAX 加载模式内容,或者在图像的情况下,通过抓取图像 src 链接。 指示 将链接类设置为“modal-link”(支持多个类) 如果链接包含 img,则 img 将在模态中加载。 img 标签应该是链接的唯一子元素。 在这种情况下,链接 href 应该链接到包含模态 js 和 css html 链接的文件。 如果链接包含其他任何内容,例如文本,则将在模态中获取并加载实际链接 href。 在这种情况下,链接 href 必须指向所需的资源。 HTML 片段应包含链接到顶部的模态 js 和 css 的标签。 NB 您必须在每个由 img 链接链接的 HTML 片段/资源中包含链接到模态 js 和 css 文件的标签 这很笨拙,但目前是防止浏览


【文件预览】:
modal-master
----images()
--------2.jpg(364KB)
--------1.jpg(44KB)
--------6.jpg(67KB)
--------3.jpg(63KB)
--------5.jpg(119KB)
--------4.jpg(122KB)
----modal2.html(331B)
----modal.js(8KB)
----modal1.html(424B)
----index.html(535B)
----.gitignore(23B)
----gallery()
--------img4.html(26B)
--------img2.html(26B)
--------img6.html(26B)
--------img1.html(26B)
--------img3.html(26B)
--------img5.html(26B)
----README.md(1KB)
----img1.html(77B)
----modal.css(683B)
----page2.html(497B)

网友评论