Tìm kiếm với Google
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!
Nguyễn Xuân Toàn @ 21:57 22/02/2012
Số lượt xem: 325
- Code dòng Text thay đổi màu sắc liên tục. (18/02/12)
- Tạo hiệu ứng lật trang trong Blog. (16/02/12)
- Tạo Favicon cho riêng mình. (13/02/12)
- Code tạo Box Dropdown (Hộp menu thả xuống) (12/02/12)
- Code tạo hộp menu lật. (12/02/12)
Các ý kiến mới nhất