This javascript is used to display the given text in rainbow color effect. It helps us to apply rainbow color effect to perform animation to any web pages.
Features
a) Used to display text in rainbow effect.
b) Simple and easy to use.
Preview
Code
Javascript Code
<!-- Script by hscripts.com -->
<!-- Copyright of HIOXINDIA -->
<!-- More scripts @www.hscripts.com -->
<script type="text/javascript">
var timer;
function toSpans(span) {
var str=span.firstChild.data;
var n=str.length;
span.removeChild(span.firstChild);
for(var i=0; i<n; 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 n=this.length;
var h=this.hue;
for(var i=0; i<n; 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;
}
function ctck()
{
var sds = document.getElementById("dum");
if(sds == null){
alert("You are using a free package.\n You are not allowed to remove the tag.\n");
}
var sdss = document.getElementById("dumdiv");
if(sdss == null){
alert("You are using a free package.\n You are not allowed to remove the tag.\n");
}
}
document.onload="ctck()";
</script>
<!-- Script by hscripts.com -->
For customization of this script or any script development, contact us at support@hscripts.com
Usage
a) Copy and paste the javascript code into your HTML page and make use of this animation.
b) This script is used to display the given text in rainbow effect.
License
- The javascript (misspelled as java script) is given under GPL License
- i.e. Free use for those who use the codes as it is.
- Free, if your modification does not remove our copyright information and links.
- Click Here for detailed license information.
- You can purchase the script if your requirements does not meet our GPL License terms.