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

前言:

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

美化图:

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

第一步:

调用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
});
});
温馨提示:本站提供的一切软件、教程和内容信息都来自网络收集整理,仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负,版权争议与本站无关。用户必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解! 联系邮箱:lgg.sinyi@qq.com

给TA打赏
共{{data.count}}人
人已打赏
分享B2主题美化包、B2 pro主题美化包、B2子主题

子比主题设置网站的背景为图片背景

2025-9-27 13:25:32

WORDPRESS模板

最新zibll子比主题v7.8绕授权开心版+美化插件+弹窗插件

2025-8-8 18:20:09

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索