Nov 21, 2009

Let's Make Rainbow Link - Auto Changing Link Colors Script

free web hosting
Open Discussion & Free Web Hosting > Computers & Tech > Programming > Scripting > JavaScript

Let's Make Rainbow Link - Auto Changing Link Colors Script

wlaudlim
Put this source inbetween <head> and </head>!!!!

CODE

script language="JavaScript1.2">
<!--

var rate = 20;
var obj;
var act = 0;
var elmH = 0;
var elmS = 128;
var elmV = 255;
var clrOrg;
var TimerID;

if (navigator.appName.indexOf("Microsoft",0) != -1 && parseInt(navigator.appVersion) >= 4) {
Browser = true;
}
else {
Browser = false;
}

if (Browser) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}

function doRainbow(){
if (Browser && act != 1) {
act = 1;
obj = event.srcElement;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}

function stopRainbow(){
if (Browser && act != 0) {
obj.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}

function doRainbowAnchor(){
if (Browser && act != 1) {
obj = event.srcElement;

while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}

if (obj.tagName == 'A' && obj.href != '') {
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}


function stopRainbowAnchor(){
if (Browser && act != 0) {
if (obj.tagName == 'A') {
obj.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}


function ChangeColor(){
obj.style.color = makeColor();
}


function makeColor(){
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;

if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}

elmR = Math.floor(elmR);
elmG = Math.floor(elmG);
elmB = Math.floor(elmB);

clrRGB = '#' + elmR.toString(16) + elmG.toString(16) + elmB.toString(16);

elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;

return clrRGB;
}


// -->
</script>



At the line "TimerID = setInterval("ChangeColor()",100); " of above soruce
100 is speed of changing color.
Good Luck!!!

Notice from wwheeler:
Please next time you are going to post code, please do so in code tags.

 

 

 


Comment/Reply (w/o sign-up)

saxsux
You could have posted that as a tutorial, you could have gotten quite a few more hosting credits.

Comment/Reply (w/o sign-up)


Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

This textarea will convert to Rich-Text automatically (IE, Firefox, Chrome)

Similar Topics

Keywords : lets, make, rainbow, link, auto, changing, link, colors, script

  1. Love Script
    (3)
  2. One Click To Copy Script
    Works in IE6 but not any other Browsers (0)
    As a project to "boilerplate" some text, I had this idea of making a couple of textareas in html and
    having a single click on the input button copy the contents to the clipboard and then pasting the
    text into another blank textarea. Several textareas would contain the different pieces of text and I
    would then be able to 'assemble' the full text into the 'blank' textarea and then,
    of course, copy this entire piece to the clipboard and migrate it to the final spot for copying.
    Anyways, BuffaloHELP had the basic code for the javascript, but it seems that thi....
  3. Enlarge Image Script
    (22)
    Hi, this simple one line script changes the image size and source on your thumbnail picture without
    reloading the page or using popups, just paste this code into the BODY section of your HTML
    document: CODE Best regards, edit: adding the missing ' of the src on the ondblclick
    event.....
  4. JavaScript Off Redirect Script
    How to redirect a browser when Javascrip (2)
    Hi, here's a trick that will redirect a browser when JavaScript is turned off. Why not redirect
    the ones that have JavaScript? It's because less than 10% of browsers have JavaScript turned
    off; therefore, is better to redirect less than 10% of visitors than over 90%. Simply paste this
    code into the HEAD section of your HTML document. CODE /* Created by: Will Bontrager ::
    http://www.willmaster.com/ */ //--> Best regards,....
  5. Create And Import JavaScript Modules For A Large Script
    (2)
    I have one main script which defines an object. I then have several other script files that define
    functions for that object. I have tried using the following setup to import the functions: HTML
    code snippet: Javascript code snippet: import Object.functionName; This works fine for
    Mozilla Firefox, but causes an error in Internet Explorer which causes the object to be undefined.
    I would like to know how better to import the functions into the main javascript (preferably without
    needing to add the module script to the html file) that works in both Firefox a....
  6. Javascript: Browser Detection Script
    Detect your visitors browser (2)
    If you want to detect your visitors browser, sebd them a message and redirect them use this script:
    CODE var browserName=navigator.appName; if (browserName=="Netscape") { alert("Hi Netscape
    user!") window.location = "netscape.html" } else { if (browserName=="Microsoft Internet
    Explorer") {   alert("Hi Microsoft Internet Exlorer User!");   window.location = "MIE.html" }
      else   {    alert("What are you browsing with?");    window.location = "unkown.html"    } } //-->
    ....
  7. Calling Of Functions Between Mulitple External Javascript Files
    How do I use an external script to call a function from another script (2)
    I have a page that requires many Javascript functions. In order to make the coding easier to read
    and edit, I decided to seperate them into 3 Javascript files. Two files will each do a specific job.
    One file will have the shared functions that both other 2 files will need to use. They are all
    linked to a page using three tags. The difficult part is that after the page calls a function in
    one of the special code files, that Javascript file will need to call the functions located in the
    common Javascript file. The file will call several functions, and it will an argumen....
  8. Password Protect Your Page
    Its a very simple script, do not use it for any thing serious! (2)
    Guys, if you like it you can use it, but one thing I would like to tell is that its not entierly
    safe to use such a thing, it depends on your content that you are trying to protect from usual
    visitors, beginners this is for you. The best part is that you do not need any kind of scripts
    installed on your server, it is in JavaScript which is embeded in to your HTML page. Just change the
    username from "asta" to your choice and password from "host" to your preference. Here is the code...
    CODE /*This Script allows people to enter by using a form that asks for a UserI....
  9. Browser Quaker Script - Shock Your Visitors!
    this script shakes the browser like a quake happened! (5)
    Browser Quaker! SHOCK your visitors! this script shakes the browser like a quake happened!
    yeah....try this script to believe it! im sure u will be stunned at the effect! a good way to show
    your visitor that...your website ROCKS!..and literally so ! ! i got this script from Bravenet
    's webmaster freebrees newsletter. if you haven't known bravenet before..it is a beginner
    webmaster's friend! you get lot many features for your website hosted freely. and subscribe to
    their newsletter to get gems like these! ok here's the code: CODE function init() ....
  10. Sweet Titles
    script will display the titles on your links in a very "sweet&quo (0)
    try this one...its indeed sweet! sweet titles This script will display the titles on your links
    in a very "sweet" manner. The look is customized by using CSS and is easily changed. Degrades very
    nicely. CODE /* Fading Tooltips */ div#toolTip {   position:absolute;   width:220px;
      background:#00009C;   border:2px double #fff;   text-align:left;   padding:5px;
      -moz-border-radius:5px;   z-index:1000; } div#toolTip p {   margin:0;   padding:0;   color:#fff;
      font:11px/12px verdana,arial,serif; } div#toolTip p em {   display:block;   margin-top:3px;
      color:....
  11. Change Table Colors On Mouse Effects!
    create onMouseover/onMouseout color effects within tables! (10)
    Source: http://www.cgiscript.net/cgi-script/csNews...wone&id=49&op=t stun ur visitors with
    changing table colors! QUOTE change table rows or table cells bgcolor when mouse moves over
    elements of the table. (works on IE only). QUOTE paste the following code into the table
    element that you want to change. for example, if you want to change the table row you paste the
    code into the . if you want to change a table cell color you paste the code on the . you may even
    add it to the tag to highlight the entire table! Code: QUOTE onMouseover=....
  12. Bid Visitors Bye/thank U With A Popup Onunload In Just One Line!
    script designed to open a window when the users leave the site (0)
    Copied from http://www.cgiscript.net/cgi-script/csNews...wone&id=54&op=t QUOTE add the one
    line code below to the tag of the page you want to trigger the action from. when they leave that
    page another window will open. change the text "URL" in the code below to reflect the new web site
    address you want them to enter. QUOTE for example, when they leave your site you can open a
    window that says thank you for visiting. QUOTE Code: CODE
    onunload="window.open('URL')" thats it...now say a royal thanks to ur visitors!
    cheers! shiv....
  13. Need Opinion - Language Redirection Script...
    (0)
    Hi... I wasn't there for some time but now I need opinion... I hope someone would be able to say
    something about my script... what should be fixed, what I can do to improve it... it is universal
    language redirection script for few pages that I work on and I need it to be as good as it can be...
    would this be working in every browser in which scripts like that can work? If now what I should
    add? (why I aded "en" and "en-US"? The script first checks if there is exact name and then it
    converts it to small letters and takes only two first... just in case someone would....
  14. Slideshow Of Pictures
    Simple script (0)
    This is just a small script that lets you display a set of pictures in a slideshow-like manner. This
    script lets you show the thumbnailed versions of the pictures, and then when the user clicks on a
    pic, the user is taken to the actual picture. NOTE: You can add more pictures to the array by
    copying the format that is being used in it: CODE slideshow = new Array(              
                    "images/image1.bmp", "images/image2.bmp",                              
    "images/image3.bmp", "images/image4.bmp"                               ) slideNumber = sli....
  15. Need Drop Down Menu Script
    Current not working in firefox (1)
    I'm in need of a drop down menu script. The one I am currently using was written to work in
    both ie and netscape, but does not work in firefox. /sad.gif" style="vertical-align:middle"
    emoid=":(" border="0" alt="sad.gif" /> I new at installation that the author had stretched the
    rules abit to make it work, but didn't expect firefox to come out. I don't care what
    language it is written in as long it works If you have ie you can see an example at:
    http://66.78.26.33/~ruidoso/ I would appreciate any help you can recommend pete....
  16. A Javascript Code
    When you press a link, there is a sound~ (0)
    I find it quite funny and special so I share the code to everybody~ But maybe you all know
    already~^^ 1.Put this between 2.Put this in Do Re Mi Remember to change the link
    of the music~^^ Try it~^^~....
  17. here is a javascript that allows you to print
    print script (0)
    here i the script i will allow your visitors to print your page input in html editor // This
    script was supplied free by Hypergurl // http://www.hypergurl.com if (window.print) {
    document.write(' Click Here To ' + ' + 'onClick="java script:window.print()"> This
    Page! '); } // End hide --> ....
  18. Java Script
    Do you know how.... (7)
    Does anyone know how to make some cool java script stuff? Is the possiblities endless in terms of
    designing things and comming up with stuff? For example... how do you make that trailing text... i
    think that is java script.....

    1. Looking for lets, make, rainbow, link, auto, changing, link, colors, script

See Also,

*SIMILAR VIDEOS*
Searching Video's for lets, make, rainbow, link, auto, changing, link, colors, script
advertisement



Let's Make Rainbow Link - Auto Changing Link Colors Script

Affordable Web Hosting, Low cost Web Hosting - ComputingHost.com