文章最后更新时间:
效果图
![图片[1] - 子比主题 – 增加一个滚动公告框 - 诺守博客](https://image.nuoso.cn/2025/12/f3ccdd27d220251201042640.png)
代码:
在模块 – 小工具 – 所有页面-侧边栏-顶部位置 – 增加一个【自定义HTML】
把以下代码复制进去:
<style>
@keyframes move {
0% {
transform: translateX(0px);
}
100% {
transform: translateX(-200%);
}
}
.show-notice {
width: 100%;
overflow: hidden;
}
.show-notice-hello {
float: left;
width: 15%;
background-color: var(--theme-color);
}
.show-notice-inner {
float: left;
width: 80%;
margin-left: 2%;
overflow: hidden;
}
.show-notice-move-text {
font-size: 15px;
color: var(--main-color);
white-space: nowrap;
animation: move 10s linear infinite;
}
</style>
<div class=" show-notice zib-widget ">
<div class=" show-notice-hello badge ">哈喽~</div>
<div class=" show-notice-inner ">
<div class=" show-notice-move-text "> 全站积分可通过签到和每日任务获取,可别错过哦!</div>
</div>
</div>
© 版权声明
© 版权声明 All Rights Reserved
THE END




![诺守博客 - 专业的网络资源分享平台![官网]](https://image.nuoso.cn/2025/12/20251205102715204.png)


暂无评论内容