给WordPress网站添加一个类似哔哩哔哩客服中心头部动态banner

效果图

是动态的，实际效果自己去看：https://www.bilibili.com/v/customer-service/

代码及资源

由于原来的图片地址有防盗链，需要修改css内的图片链接，自己将//baidu.com/uploads/替换为自己存放图片的文件目录位置链接

本地化图片资源下载

小工具选择自定义html

<div id="banner" class="banner"><div class="banner-content"><div class="banner-item1 anim-role-fade-in-r"></div> <div class="banner-item2 anim-role-fade-in-l"></div> <div class="banner-item3 anim-role-fade-in-c"></div> <div class="banner-item4 anim-item-fade-in-floating"></div> <div class="banner-item5 anim-item-fade-in-floating"></div> <div class="banner-item6 anim-item-fade-in-floating"></div> <div class="banner-item7 anim-item-fade-in quick"></div> <div class="banner-item8 anim-item-fade-in quick"></div> <a href="/" class="logo" style="top: 48px;"></a></div></div>

文章原创作者来自李初一(内容已不存在)

原文链接(非王先生笔记发布均为盗版)：https://wxsnote.cn/5793.html