登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

述古堂

编新不如述古!

 
 
 

日志

 
 

渐变文本

2006-09-04 11:54:22|  分类: 代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

<HEAD>
<TITLE>Faded Text</TITLE>
</HEAD>

<body bgcolor="ffffff">
<script>
<!-- Hide the script from old browsers --
function MakeArray(n){  
    this.length=n;  
    for(var i=1; i<=n; i++) this[i]=i-1;  
        return this
    }
    hex=new MakeArray(16);
    hex[11]="A";
    hex[12]="B";
    hex[13]="C";
    hex[14]="D";
    hex[15]="E";
    hex[16]="F";

function ToHex(x){             
    // Changes a int to hex (in the range 0 to 255)  
    var high=x/16;  
    var s=high+"";              
    //1  
    s=s.substring(0,2);         
    //2 the combination of these are the same as the trunc function  
    high=parseInt(s,10);        
    //3  
    var left=hex[high+1];       
    // left part of the hex-value  
    var low=x-high*16;          
    // calculate the rest of the values  
    s=low+"";                   
    //1  
    s=s.substring(0,2);         
    //2 the combination of these are the same as the trunc function  
    low=parseInt(s,10);         
    //3  
    var right=hex[low+1];       
    // right part of the hex-value  
    var string=left+""+right;   
    // add the high and low together  
    return string;
}

function fadein(text){  
    text=text.substring(3,text.length-4);       
    // gets rid of the HTML-comment-tags  
    color_d1=255;                               
    color_d1b=255;
    color_d1c=255;
    // any value in 'begin' 0 to 255  
    mul=color_d1/text.length;  
    for(i=0;i<text.length;i++){     
        color_d1=mul*i;
        color_d1b=255-mul*i;
        color_d1c=255*Math.sin(i/(text.length/3));

        // some other things you can try>> "=255-mul*i" to fade out, "=mul*i" to fade in, or try "255*Math.sin(i/(text.length/3))"     
        color_h1=ToHex(color_d1);     
        color_d2=mul*i;     
        color_h2=ToHex(color_d2);     
        //1b
        color_h1b=ToHex(color_d1b);     
        color_d2b=mul*i;     
        color_h2b=ToHex(color_d2b);     
        //1c
        color_h1c=ToHex(color_d1c);     
        color_d2c=mul*i;     
        color_h2c=ToHex(color_d2c);     

        document.write("<FONT COLOR='#FF"+color_h1+color_h2+"'>"+text.substring(i,i+1)+'</FONT>');  

    }
    document.write('<p>');
    for(i=0;i<text.length;i++){     
        color_d1=mul*i;
        color_d1b=255-mul*i;
        color_d1c=255*Math.sin(i/(text.length/3));

        // some other things you can try>> "=255-mul*i" to fade out, "=mul*i" to fade in, or try "255*Math.sin(i/(text.length/3))"     
        color_h1=ToHex(color_d1);     
        color_d2=mul*i;     
        color_h2=ToHex(color_d2);     
        //1b
        color_h1b=ToHex(color_d1b);     
        color_d2b=mul*i;     
        color_h2b=ToHex(color_d2b);     
        //1c
        color_h1c=ToHex(color_d1c);     
        color_d2c=mul*i;     
        color_h2c=ToHex(color_d2c);     

        document.write("<FONT COLOR='#FF"+color_h1c+color_h2c+"'>"+text.substring(i,i+1)+'</FONT>');  

    }
    document.write('<p>');
    for(i=0;i<text.length;i++){     
        color_d1=mul*i;
        color_d1b=255-mul*i;
        color_d1c=255*Math.sin(i/(text.length/3));

        // some other things you can try>> "=255-mul*i" to fade out, "=mul*i" to fade in, or try "255*Math.sin(i/(text.length/3))"     
        color_h1=ToHex(color_d1);     
        color_d2=mul*i;     
        color_h2=ToHex(color_d2);     
        //1b
        color_h1b=ToHex(color_d1b);     
        color_d2b=mul*i;     
        color_h2b=ToHex(color_d2b);     
        //1c
        color_h1c=ToHex(color_d1c);     
        color_d2c=mul*i;     
        color_h2c=ToHex(color_d2c);     

        document.write("<FONT COLOR='#FF"+color_h1b+color_h2b+"'>"+text.substring(i,i+1)+'</FONT>');  

    }

}
// --End Hiding Here -->
</script>
<center><font size=7>渐 变 文 本</font>
<hr width=80%>

<SCRIPT LANGUAGE="JavaScript">
<!--  
{
    fadein("-->这是一个渐变文本的例子.<!__");
}
//-->
</SCRIPT>
</center>
<!-- HINT--Don't forget to add this argument to your BODY tag: 

 onLoad="ticker()" --></body></html>

 

  评论这张
 
阅读(119)| 评论(0)

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018