子比主题【夜/日】间模式切换小提示

温馨提示:本文最后更新于2023-12-27 10:57:39,某些文章具有时效性,若有错误或已失效,请在下方留言或联系站长

用jQuery+Layer.js实现的一个主题切换小提示。

美化图:

图片[1]-子比主题【夜/日】间模式切换小提示-胖大海博客资源网

第一步:

调用Layer.js,Layer.js是一个非常优秀的弹层组件,看自己是否已经调用了Layer组件
(办法:先别调用下面的Layer.js,看直接使用第二步的代码能否使用,若无法使用就证明没有调用Layer,自己把下面的代码放到主题里【自定义头部HTML代码】)

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/layui/2.6.8/layui.min.js"></script>

第二步:

jQuery代码,把下面的jQuery代码放到主题设置的【自定义javascript代码】就大功告成啦!

// 夜间切换
$(".toggle-theme").click(function() {
var toggleThemeText = "当前为日间模式";
if (!$("body").hasClass('dark-theme')) {
toggleThemeText = "当前为夜间模式";
}
layer.msg(toggleThemeText, {
time: 2000,
anim: 1
});
});
------本页内容已结束,喜欢请分享------

感谢您的来访,获取更多精彩文章请收藏本站。

------关注微信公众号:胖大海TuT------
© 版权声明
THE END
喜欢就支持一下吧
点赞28 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容