温馨提示： 本文最后更新于
2025-01-31 19:58:47，某些文章具有时效性，若有错误或已失效，请在下方留言！ 前言
哈喽，最近大家都在忙些什么呢？今天给大家带来一期《为博客顶部添加滚动banner及文章推荐卡片》的教程，前端时间发布了一个版本以后，大家都催着我去适配手机端，那么今天整理了一下原有的代码进行了适配，并对代码逻辑和样式进行了一波优化，新版本就不打算免费放出来了，喜欢的可以自行购买！
更新日志（新版）
2025-01-31
- 右侧封面添加canvas动画特效
- 右侧添加了推荐文章卡片
- 适配了手机端
- 适配日夜模式
- 优化了部分样式效果
演示图
旧版本
![图片[1]-为博客顶部添加滚动banner及文章推荐卡片【最新版】-小鱼冻干](https://www.wniui.com/wp-content/uploads/2025/01/d2b5ca33bd20250124131246.webp)
新版本
![图片[2]-为博客顶部添加滚动banner及文章推荐卡片【最新版】-小鱼冻干](https://www.wniui.com/wp-content/uploads/2025/01/d2b5ca33bd20250131192823.webp)
![图片[3]-为博客顶部添加滚动banner及文章推荐卡片【最新版】-小鱼冻干](https://www.wniui.com/wp-content/uploads/2025/01/d2b5ca33bd20250131192847.webp)
![图片[4]-为博客顶部添加滚动banner及文章推荐卡片【最新版】-小鱼冻干](https://www.wniui.com/wp-content/uploads/2025/01/d2b5ca33bd20250131193000.webp)
部署代码
旧版本
HTML
CSS
新版本
HTML
CSS
© 版权声明
THE END
- 最新
- 最热
只看作者