下面两段代码：<style> *{ margin:0; padding:0; list-style:none;} #lanren #audio-btn{width: 44px;height: 44px; margin:100px auto;background-size: 100% 100%;} #lanren .on{background: url('http://4dn.net/content/uploadfile/202009/e4081599400402.png') no-repeat 0 0;-webkit-animation: rotating 1.2s linear infinite;animation: rotating 1.2s linear infinite;} #lanren .off{background: url('http://4dn.net/content/uploadfile/202009/40941599400402.png') no-repeat 0 0;} @-webkit-keyframes rotating { from{ -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotating { from{ -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } </style>html代码：可放在网页的任意地方<!--代码部分begin--> <div id="lanren"> <div id="audio-btn" class="on" onclick="lanren.changeClass(this,'media')"> <audio loop="loop" src="http://www.oldkids.cn/upload/2020/04/15/ue_15869094363535.mp3" id="media" preload="preload"></audio> </div> </div> <script> var lanren = { changeClass: function (target,id) { var className = $(target).attr('class'); var ids = document.getElementById(id); (className == 'on') ? $(target).removeClass('on').addClass('off') : $(target).removeClass('off').addClass('on'); (className == 'on') ? ids.pause() : ids.play(); }, play:function(){ document.getElementById('media').play(); } } lanren.play(); </script> <!--代码部分end-->

css代码：<style type="text/css"> .rainbow{ background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#f22),color-stop(0.15,#f2f),color-stop(0.3,#22f),color-stop(0.45,#2ff),color-stop(0.6,#2f2),color-stop(0.75,#2f2),color-stop(0.9,#ff2),color-stop(1,#f22)); background-image: gradient(linear,left top,right top,color-stop(0,#f22),color-stop(0.15,#f2f),color-stop(0.3,#22f),color-stop(0.45,#2ff),color-stop(0.6,#2f2),color-stop(0.75,#2f2),color-stop(0.9,#ff2),color-stop(1,#f22)); color: transparent; -webkit-background-clip: text; background-clip: text; } </style>html调用：<span class="rainbow"><br /> 彩虹文字(<ゝω·)4dn.net.这个是针对webkit核心浏览器的，其他的我没看也没弄过。</span>php方法：<?php if(strpos($_SERVER['HTTP_USER_AGENT'],"AppleWebKit")) echo '<span class="rainbow">彩虹文字(<ゝω·)4dn.net.这个是针对webkit核心浏览器的，其他的我没看也没弄过。</span>'; else echo '<span style="color:#ff6600">彩虹文字(<ゝω·)4dn.net.这个是针对webkit核心浏览器的，其他的我没看也没弄过。</span>'; ?>Javascript方法：<script> var agent = navigator.userAgent.toLowerCase(); if(agent.indexOf('applewebkit')>0) document.write('<span class="rainbow">彩虹文字(<ゝω·)4dn.net.这个是针对webkit核心浏览器的，其他的我没看也没弄过。</span>'); else document.write('<span style="color:#ff6600">彩虹文字(<ゝω·)4dn.net.这个是针对webkit核心浏览器的，其他的我没看也没弄过。</span>'); </script>

通过命令进行卸载，我们要登录SSH执行命令，命令如下：wget http://download.bt.cn/install/bt-uninstall.sh sh bt-uninstall.sh当输入第二个命令的时候会有两个提示：卸载宝塔卸载宝塔及运行环境注：输入"1"只单纯性的卸载宝塔面板；输入"2"就会卸载宝塔面板和运行环境。因为今天是给大家做的宝塔面板卸载教程，我这里输入的"2"，大家按需进行卸载，如果输入"2"就会影响网站以及数据库等信息，请谨慎操作，如图：