一个带蘑菇头颜色标签的个性非主流首页弹窗公告代码,喜欢非主流风格的可以拿去用
具体展示效果如下:
将代码复制粘贴到【首页弹窗公告】栏即可
具体代码内容如下:
<ul id="myTab" class="nav nav-tabs"> <li class="active"><a href="#gonggao" data-toggle="tab">公告</a></li> <li><a href="#guanggao" data-toggle="tab">广告</a></li> </ul> <div id="myTabContent" class="tab-content"> <div class="tab-pane fade in active" id="gonggao"> <hr /> <br /> <center> <p> <span style="color:#000000;"> <span class="label label-default">经营范围:</span> <span class="label label-primary">QQ业务</span> <span class="label label-info">空间人气</span></span> <span class="label label-danger">新浪微博</span> <span class="label label-warning">全民K歌</span> <span class="label label-success">快手业务</span> <span class="label label-danger">抖音业务</span> </p> <br /> <p> <a>所有业务都可以正常下单,欢迎尝试</a><br /> <a>除会员钻类人工处理,其他业务都是秒到</a><br /> <img src="http://all-pt-upyun-cdn.95at.cn/Uploads/image/2019-01-01/5c2b451fe8c32.gif" width="30" height="30" />最快24小时到账<br /> <img src="http://all-pt-upyun-cdn.95at.cn/Uploads/image/2019-01-01/5c2b451fe8c32.gif" width="30" height="30" />最慢72小时到账<br /> <img src="http://all-pt-upyun-cdn.95at.cn/Uploads/image/2019-01-01/5c2b451fe8c32.gif" width="30" height="30" />请耐心等待到账<br /> <a>如果太长时间没到账请联系客服</a> </p> <p> <img src="http://all-pt-upyun-cdn.95at.cn/Uploads/image/2019-05-06/5ccfa41dd3533.jpg" /> </p> </center> </div> <div class="tab-pane fade" id="guanggao"> <!--广告内容可删或改--> <hr /> <center> <p><span></span></p> <h2><a href="你的网址" target="_blank">天晨代刷网</a></h2> <hr /> <span><h3>现推出一条龙服务<br />我们帮你搭建代刷<br />绝对不是代刷分站<br />您只需要经营网站 <hr /><a href="你的网址" target="_blank"><font color="#ef5350">你的网址</font></a><br />详情请点击网址</h3></span> <p></p> </center> <!--广告内容可删或改--> </div> </div> <script>$(function(){ $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) { var activeTab = $(e.target).text(); var previousTab = $(e.relatedTarget).text(); $(".active-tab span").html(activeTab); $(".previous-tab span").html(previousTab); });});</script>