Board logo

標題: 漸層顏色文字 [打印本頁]

作者: 蛙    時間: 20-5-2012 11:01     標題: 漸層顏色文字

<script language="JavaScript">
function makeArray(n){
    this.length=n
    return this
}

function hexfromdec(num) {
    hex=new makeArray(1);
    var hexstring="";
    var shifthex=16;
    var temp1=num;
    for(x=1; x>=0; x--) {
        hex[x]=Math.round(temp1/shifthex - .5);
        hex[x-1]=temp1 - hex[x] * shifthex;
        temp1=hex[x-1];
        shifthex /= 16;
    }
    for (x=1; x>=0; x--) { hexstring+=getletter(hex[x]); }
    return (hexstring);
}

function getletter(num) {
    if (num < 10) { return num; }
    else {
if (num == 10) { return "A" }
if (num == 11) { return "B" }
if (num == 12) { return "C" }
if (num == 13) { return "D" }
if (num == 14) { return "E" }
if (num == 15) { return "F" }
    }
}

function rainbow(text){
   var color_d1;
   var allstring="";
   for(i=0;i<text.length;i=i+2){
      color_d1=255*Math.sin(i/(text.length/3));
      color_h1=hexfromdec(color_d1);
      allstring+="<FONT COLOR="+color_h1+"ff"+color_h1+">"+text.substring(i,i+2)+"</FONT>";
   }
   return allstring;
}

function sizefont(text){
   var color_d1;
   var allstring="";
   var flag=0;
   for(i=0,j=0;i<text.length;i=i+1){
      if (flag==0) {
          j++;
          if (j>=7) {
             flag=1;}}
      if (flag==1) {      
          j=j-1;
          if (j<=0) {
          flag=0; }}
      allstring+="<FONT SIZE="+ j + ">" + text.substring(i,i+1) + "</FONT>";
   }
   return allstring;
}
document.write("<font size=4><b><CENTER>")
document.write( rainbow("多色文字展現,歡迎光臨笨笨網站超級論壇"))
document.write("</CENTER></font></b>")
</script>





如不能顯示語法效果可貼去本站語法測試板試看


使用深色背景效果會較佳,以下是設定文字大小粗幼等,可在語法內更改

document.write("<font size=4><b><CENTER>")
document.write( rainbow("多色文字展現,歡迎光臨笨笨網站超級論壇"))
document.write("</CENTER></font></b>")



作者: 蛙    時間: 25-5-2013 10:54     標題: 複製上列語法








歡迎光臨 笨笨網站超級論壇 (http://www.bunbunhk.com/BBS/Discuz/) Powered by Discuz! 6.0.0