发新话题
打印

[分享] 一个简单的代码可以让文字出现动态彩虹效果

本帖已经被作者加入个人空间

一个简单的代码可以让文字出现动态彩虹效果

只要在文字加上下面代码,并把附件拷贝到网站根目录下即可
复制内容到剪贴板
代码:
<span style="behavior:url(./font.htc)">这里是文字内容</span>
附件: 您所在的用户组无法下载或查看附件
本帖最近评分记录
  • baby无齿 现金 +10 感谢分享,加分鼓励 2008-6-23 20:44
在虚拟中展现真实的自我!

TOP

不错

TOP

板凳,不错,收藏了~~~~~~

TOP

是的不错呀,不知道是什么原理呀!

TOP

是JAVASCRIPT?

TOP

蛮好看的,收藏了。

TOP

是的不错呀,不知道是什么原理呀!

TOP

这可是好东西 呀  下来收藏了

TOP

放出来~~
复制内容到剪贴板
代码:
var Kill_ID=null;
var internalValue;
var originalValue;
function putValue(){
        element.innerHTML=internalValue;
        encapsulate();
        startSwirl();
}
function eventHandler(){
        clearInterval(Kill_ID);
        internalValue=element.value;
        element.detachEvent("onpropertychange",eventHandler);
        if(event.propertyName=="value"){
                element.innerHTML=internalValue;
                putValue();
        } else startSwirl();
        element.attachEvent("onpropertychange",eventHandler);
}
function swirl(){
        var I;
        I=ran(internalValue.length-1,0);
        if(element.children(I) != null)element.children(I).style.color=randomColor();
}
function startSwirl(){
        if (element.swirlInterval == null)
                element.swirlInterval=50;
        if ((internalValue!=null) && (element.swirlInterval!=0))
                Kill_ID=setInterval(swirl,element.swirlInterval);
}
function encapsulate(){
        var I;
        var tempStr="";
        for (I=0; I < internalValue.length; I++){
                        tempStr += "" + internalValue.substr(I,1) + "";
                }
        innerHTML=tempStr;
}
function ran(upperbound, lowerbound){
        return(parseInt((upperbound - lowerbound + 1) * Math.random() + lowerbound));
}
function randomColor(){
        var R=ran(255,0);
        var G=ran(255,0);
        var B=ran(255,0);
        R=R.toString(16);
        G=G.toString(16);
        B=B.toString(16);
        if (R.length==1)R="0"+R;
        if (G.length==1)G="0"+G;
        if (B.length==1)B="0"+B;
        return("#"+R+G+B);
}
function beginIt(){
        internalValue=element.value;
        originalValue=element.innerHTML;
        if (internalValue==null)
                internalValue=element.innerHTML;
        putValue();
        element.attachEvent("onpropertychange",eventHandler);
}
function clearIt(){
        clearInterval(Kill_ID);
        element.detachEvent("onpropertychange",eventHandler);
        element.innerHTML=originalValue;
}
平静充实的生活,矢志不渝的单身。
Five Stage:Awareness,Exploration,Familiarity,Commitment,Separation
搞定高等数学,线性代数,概率论与数理统计~
半年时间内会少上网~想你们……

TOP

嗯 不错的啊

TOP

好 。。。

TOP

发新话题