效果图：代码：在源代码加上<i class="layui-icon layui-icon-tips" lay-tips="最大长度为16个文字" ></i>JS代码加上js代码$('*[lay-tips]').on('mouseenter', function(){ var content = $(this).attr('lay-tips'); this.index = layer.tips('<div style="padding: 10px; font-size: 14px; color: #eee;">'+ content + '</div>', this, { time: -1 ,maxWidth: 280 ,tips: [3, '#3A3D49'] }); }).on('mouseleave', function(){ layer.close(this.index); });

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>

效果显示：变色文字效果 function changeColor(){ var color="#f00|#0f0|#00f|#880|#808|#088|yellow|green|blue|gray"; color=color.split("|"); document.getElementById("blink").style.color=color[parseInt(Math.random() * color.length)]; } setInterval("changeColor()",200); 代码：<!-- js实现变色文字 --> <div id="blink"> <strong> <div align="left" style="text-align:center;"> 变色文字效果 </div> </strong><strong> <script language="javascript"> function changeColor(){ var color="#f00|#0f0|#00f|#880|#808|#088|yellow|green|blue|gray"; color=color.split("|"); document.getElementById("blink").style.color=color[parseInt(Math.random() * color.length)]; } setInterval("changeColor()",200); </script> </strong> </div>