FREE CODE Monday, 12.18.2017, 4:26 AM
Main | Registration | Login Welcome Guest | RSS
[ New messages · Members · Forum rules · Search · RSS ]
۞Forum Statistics۞
NEW TOPPIV
HOT TOPPIC
TOP MEMBERS
NEW MEMBERS
  • check code here Have(0) reviews faxuhi
  • Keywords meta Tags Have(0) reviews faxuhi
  • text box Have(0) reviews faxuhi
  • Page description Have(0) reviews faxuhi
  • marquee Have(0) reviews faxuhi
  • print your page Have(0) reviews faxuhi
  • choose your country Have(0) reviews faxuhi
  • check all - unchek all Have(0) reviews faxuhi
  • shadow text Have(0) reviews faxuhi
  • Beautiful text two Have(0) reviews faxuhi
  • Nice menu with java script <p1> Have(2) reviews faxuhi
  • Mouse Clock Have(1) reviews faxuhi
  • HTML table placeholder Have(0) reviews faxuhi
  • Html graphic bullets Have(0) reviews faxuhi
  • Different times of the world by the users choice from a list Have(0) reviews faxuhi
  • Mouseover Alert HTML Script Have(0) reviews faxuhi
  • Redirect to another page and link automatically to other pg Have(0) reviews faxuhi
  • Combo box link box to browse your website easily Have(0) reviews faxuhi
  • Message to user by clicking a button Have(0) reviews faxuhi
  • Background changing color effect Have(0) reviews faxuhi
  • faxuhi[189]Bài
  • mcsnagger0022[0]Bài
  • thinknoodles[0]Bài
  • karaganis888[0]Bài
  • faxuhi [189]Bài
  • mcsnagger0022 [0]Bài
  • thinknoodles [0]Bài
  • karaganis888 [0]Bài
  • Page 1 of 11
    Forum » Web Javascript » Rainbow effect on text » Rainbow effect on text
    Rainbow effect on text
    faxuhiDate: Monday, 07.25.2011, 2:40 PM | Message # 1
    Colonel
    Group: Administrators
    Messages: 189
    Reputation: 0
    Status: Offline
    <!-- This fades the text color giving you a rainbow effect.
    Change it by playing with the <FONT COLOR= > -->

    Code
    <script language="JavaScript">
    <!-- Hide the script from old browsers --

    // Modified by CoffeeCup Software

    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 + "";
       s=s.substring(0,2);
       high=parseInt(s,10);
       var left=hex[high+1];

       var low=x-high*16;
       s=low+"";
       s=s.substring(0,2);
       low=parseInt(s,10);
       var right=hex[low+1];

       var string=left + "" + right;
       return string;
    }

    function fadein(text)
    {
       text=text.substring(3,text.length-4);

       color_d1=255;
       color_d1b=255;
       color_d1c=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);

         color_h1b=ToHex(color_d1b);
         color_d2b=mul*i;
         color_h2b=ToHex(color_d2b);

         color_h1c=ToHex(color_d1c);
         color_d2c=mul*i;
         color_h2c=ToHex(color_d2c);

         document.write("<FONT COLOR='#FF8000"+color_h1+color_h2+"'>"+text.substring(i,i+1)+'</FONT>');
       }
    }
    // --End Hiding Here -->
    </script>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    {  fadein("-->This is the Text, just put yours here !<!__");  }
    //-->
    </SCRIPT>
     
    Forum » Web Javascript » Rainbow effect on text » Rainbow effect on text
    Page 1 of 11
    Search:

    Copyright MyCorp © 2017 Website builderuCoz