文字AD标签代码分享

jaysun

一段漂亮的会按照顺序自动跳转切换的标签AD代码,同时也是自适应大小布局,觉得挺好看的,就给大家分享出来吧!

效果图:

20220115092502-1024x300.jpg

HTML:

<div class="topics visible-lg-block"><div class="topics-cont"> 
    <a href="https://www.yiluxb.cn/" target="_blank">
    <span>ECS</span> 云服务器</a> 
    <a href="https://www.soujiz.com" target="_blank">
    <span>CDN</span> 又拍云OSS</a> 
    <a href="https://www.yiluxb.cn/" target="_blank"><span>blog</span> 忆路吧博客</a>
    <a href="#" target="_blank"><span>Redis</span> 云数据库</a> 
    <a href="#" target="_blank"><span>CDN</span> 内容分发</a> 
    <a href="#" target="_blank"><span>OSS</span> 对象存储</a> 
    <a href="#" target="_blank"><span>SLB</span> 负载均衡</a> 
    <a href="#" target="_blank"><span>DNS</span> 云解析</a> 
    <a href="https://www.yiluxb.cn/" target="_blank">
    <span>WP</span> zibll子比主题</a> 
    <a href="#" target="_blank"><span>MAIL</span> 企业邮箱</a> 
    <a href="#" target="_blank"><span>WAF</span> 应用防火墙</a> 
    <a href="#" target="_blank"><span>DDoS</span> 高防</a> 
    <a href="#" target="_blank"><span>SMS</span> 短信包</a> 
    <a href="#" target="_blank"><span>MK</span> 云市场</a> 
    <a href="#" target="_blank"><span>XIN</span> 心选</a> 
    <a href="#" target="_blank"><span>IM</span> 商标注册</a> 
    <a href="https://www.yiluxb.cn/" target="_blank"><span>JZ</span> 自营</a></div></div>

CSS样式代码:

隐藏内容
评论可见
前往评论


您需要 登录账户 后才能发表评论

发表评论

快捷回复: 表情:
评论列表 (暂无评论,109人围观)

还没有评论,来说两句吧...

目录[+]

取消
微信二维码
微信二维码
支付宝二维码