Tài nguyên dạy học

Thống kê

  • truy cập   (chi tiết)
    trong hôm nay
  • lượt xem
    trong hôm nay
  • thành viên
  • Thành viên trực tuyến

    1 khách và 0 thành viên

    Danh ngôn

    Liên kết mở rộng

    Tìm kiếm với Google

    Google
    Gốc > Thủ thuật Blog Violet > Bài viết tổng hợp >

    Code rainbow tuyệt đẹp cho Text.

    Các bạn cần chỉnh sửa lại cho phù hợp. (Sưu tầm từ cộng đồng Violet)

    <script type="text/javascript">

    <!-- Begin

    function toSpans(span) {

    var str=span.firstChild.data;

    var a=str.length;

    span.removeChild(span.firstChild);

    for(var i=0; i<a; i++) {

    var theSpan=document.createElement("SPAN");

    theSpan.appendChild(document.createTextNode(str.charAt(i)));

    span.appendChild(theSpan);

    }

    }

    function RainbowSpan(span, hue, deg, brt, spd, hspd) {

    this.deg=(deg==null?360:Math.abs(deg));

    this.hue=(hue==null?0:Math.abs(hue)%360);

    this.hspd=(hspd==null?3:Math.abs(hspd)%360);

    this.length=span.firstChild.data.length;

    this.span=span;

    this.speed=(spd==null?50:Math.abs(spd));

    this.hInc=this.deg/this.length;

    this.brt=(brt==null?255:Math.abs(brt)%256);

    this.timer=null;

    toSpans(span);

    this.moveRainbow();

    }

    RainbowSpan.prototype.moveRainbow = function() {

    if(this.hue>359) this.hue-=360;

    var color;

    var b=this.brt;

    var a=this.length;

    var h=this.hue;

    for(var i=0; i<a; i++) {

    if(h>359) h-=360;

    if(h<60) { color=Math.floor(((h)/60)*b); red=b;grn=color;blu=0; }

    else if(h<120) { color=Math.floor(((h-60)/60)*b); red=b-color;grn=b;blu=0; }

    else if(h<180) { color=Math.floor(((h-120)/60)*b); red=0;grn=b;blu=color; }

    else if(h<240) { color=Math.floor(((h-180)/60)*b); red=0;grn=b-color;blu=b; }

    else if(h<300) { color=Math.floor(((h-240)/60)*b); red=color;grn=0;blu=b; }

    else { color=Math.floor(((h-300)/60)*b); red=b;grn=0;blu=b-color; }

    h+=this.hInc;

    this.span.childNodes[i].style.color="rgb("+red+", "+grn+", "+blu+")";

    }

    this.hue+=this.hspd;

    }

    </script>

    <style type="text/css">

    A:link {

    COLOR:green; FONT: 10pt Arial; TEXT-DECORATION:none

    }

    A:visited {

    COLOR: blue; FONT: 10pt Arial; TEXT-DECORATION:none

    }

    A:hover {

    COLOR:blue; FONT: 10pt Arial; TEXT-DECORATION:none

    }

    </style>

    <center>

    <h3 id="r1">CẢM ƠN QUÝ KHÁCH GHÉ THĂM WEBSITE CỦA NGUYỄN

    XUÂN TOÀN - CHÚC MỘT NGÀY TỐT LÀNH !</h3>

    </center>

    <script type="text/javascript">

    var r1=document.getElementById("r1"); //get span to apply rainbow

    var myRainbowSpan=new RainbowSpan(r1, 0, 360, 255, 50, 18); //apply static rainbow effect

    myRainbowSpan.timer=window.setInterval("myRainbowSpan.moveRainbow()", myRainbowSpan.speed);

    </script> 

     

    * Phần in đậm là nội dung Text mà bạn cần thay đổi cho phù hợp với trang riêng của mình. Chúc thành công! 


    Nhắn tin cho tác giả
    Nguyễn Xuân Toàn @ 21:57 22/02/2012
    Số lượt xem: 325
    Số lượt thích: 0 người
     
    Gửi ý kiến