查看: 2254|回复: 0

一款漂亮的图片灯箱JS插件

[复制链接]

144

主题

167

帖子

978

积分

高级会员

Rank: 4

UID
10000
威望
144
金钱
523
贡献
0
注册时间
2021-2-25

活跃会员热心会员宣传达人突出贡献

发表于 2021-3-23 03:04:11 | 显示全部楼层 |阅读模式

登录查看更多内容

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
前端最重要的就是美感,图片的显示也需要,在此分享一款灯箱JS插件,非常简单的调用即可实现全局的图片灯箱。

优势介绍
无需其他JavaScript编码
没有其他HTML片段
没有额外的CSS资源
没有其他图标/资产
无需额外处理动态内容和事件侦听器

效果图
1377084463.jpg

调用方法
将以下代码插入到HTML底部</body>前即可。

<!-- 插件依赖Jquery -->
<!-- <script src="https://cdn.staticfile.org/jquery/3.5.1/jquery.min.js"></script> -->
<!-- 如果网站无Jquery,则调用上面一句,有的话可以忽略。 -->
<script src="https://ohan.gitee.io/ohan/HanKu/HanJs/HanImageBox.js"></script>
<script>
$(function () {$("img[src$=jpg],img[src$=gif],img[src$=png],img[src$=jpeg]").addClass("spotlight").each(function () {this.onclick = function () {return hs.expand(this)}});})
</script>



HanImageBox.zip

评分

参与人数 1金钱 +1 收起 理由
小小的一世 + 1 很给力!

查看全部评分

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表