代刷网首页添加蘑菇头颜色标签弹窗公告代码

前言

最近有很多网友咨询小编某某代刷网的首页蘑菇头弹窗公告是如何实现的，今晚抽出一些时间无聊就写一下相关教程，希望对你们在建站的路上有所帮助~~~

效果图片

所需代码

<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="图片地址一" width="30" height="30" />最快24小时到账<br /> 
	 <img src="图片地址二" width="30" height="30" />最慢72小时到账<br /> 
	 <img src="图片地址三" width="30" height="30" />请耐心等待到账<br /> <a>如果太长时间没到账请联系客服</a> </p> 
     <p> <img src="图片地址四" /> </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">m.dsq8.cn</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>

添加方法：

• 代刷网后台-系统设置-网站公告配置
• 复制上面代码粘贴到-首页弹出公告-把相关提示修改成你的网址既可
• 以上代码可自行修改，不懂代码的不要动就行