这个小工具能做什么？

• 动态打字 + 循环播放：公告文字会像打字机一样逐字显示，读完后自动删除并切换下一条，搭配闪烁光标，比静态文字更有互动感；
• 子比主题深度适配：配色跟随主题主色，背景用半透明渐变 + 毛玻璃效果，和子比的设计风格浑然一体，不突兀；
• 自带设计元素：右侧配有 PS、AI、C4D 等设计软件图标，适合资源站、博客展示相关领域内容，也能根据需求替换；
• 高度自定义：图片、公告内容、文字速度都能改，轻松改成自己想要的样子。

部署教程：3 步搞定，新手也能操作

第一步：找到小工具添加位置

第二步：粘贴代码并保存

第三步：自定义修改（可选但推荐）

1. 替换左侧图片：找到代码中<img src="https://img.520ak.com/i/2025/07/25/165161.webp">这一行，把src后面的链接换成自己的图片（建议尺寸和原图片接近，高度 44px 左右，避免变形）；
2. 修改公告内容：在 JS 代码的announcements数组里，替换默认文字，比如改成你的站点公告、活动信息等。例如：

   const announcements = [
       "本周更新10+份设计资源，点击分类查看！",
       "会员用户可免费下载全站素材，点击了解会员权益",
       "客服在线时间：9:00-22:00，欢迎咨询"
   ];

   调整速度和样式：如果觉得打字太快 / 太慢，可修改typingSpeed（打字速度，单位毫秒）、deletingSpeed（删除速度）等参数；想换颜色的话，在 CSS 里找到--main-color，改成你的主题色即可。

效果预览

• 保存后刷新网站，就能看到这个动态公告区了：左侧是你设置的图片，右侧公告文字逐字弹出，搭配闪烁的光标和一排设计图标，滚动到手机端时会自动变成上下布局，图片在上、公告在下，完全不影响浏览体验。
• 无论是资源站、博客还是工作室网站，这个小工具都能让你的公告从 “不起眼” 变成 “吸睛点”，而且部署简单，自定义空间大，赶紧试试给你的子比主题添上这个实用小功能吧！