之前用clip属性实现了文字上下两半不同色彩的拼接。
多彩渐变字，兼容所有主流浏览器。
页面js当中真正有用的只有colorful()函数：
复制代码 代码如下:
function colorful(obj,font,r,g,b,type){
var boxobj;
if(typeof(obj)==string||typeof(obj)==number){
boxobj = document.getelementbyid(obj);
}else{
boxobj = obj;
}
boxobj.innerhtml=+font+;
var num = boxobj.getelementsbytagname(a)[0].scrollwidth;
boxobj.innerhtml=;
for(var i=0;ivar j=i+1;
var c=math.round(255/num*i);
switch(number(type)){
case 0:r=c;g=c;b=c;break;
case 1:r=c;break;
case 2:g=c;break;
case 3:b=c;break;
}
var iobj = document.createelement(a);
iobj.innerhtml=font;
iobj.style.clip=rect(auto +j+px auto +i+px);
iobj.style.color=rgb(+r+,+g+,+b+);
iobj.href=#;
boxobj.appendchild(iobj);
}
}
clip瀹