Thread: Hover On Image - Changes Image & Website Link

Results 1 to 4 of 4
  1. #1 Hover On Image - Changes Image & Website Link 
    Seven Lives
    Guest
    What does this do?

    When you hover over the image, it changes to a different image and when you click it, it opens a website.

    The Code

    Code:
    <script type="text/javascript">
    function mouseOver()
    {
    document.b1.src ="http://www.ih.tickettoken.com/images/84666503.bmp";
    }
    function mouseOut()
    {
    document.b1.src ="http://www.ih.tickettoken.com/images/4wF66592.bmp";
    }
    </script>
    
    <a href="SITE HERE" target="_blank">
    <img border="0" alt="DESCRIPTION HERE" src="http://www.ih.tickettoken.com/images/4wF66592.bmp" name="b1" width="26" height="26" onmouseover="mouseOver()" onmouseout="mouseOut()" /></a>
    Enjoy.
     

  2. #2  
    Registered Member
    Cloke's Avatar
    Join Date
    Nov 2006
    Age
    27
    Posts
    747
    Thanks given
    14
    Thanks received
    1
    Rep Power
    130
    hmm yeah, but you can do this in html as well
     

  3. #3  
    lattmjolk1
    Guest
    thanks works fine im just learning javascript and i can say this wasnt realy a tutorial but you dont have to be a genious to understand what that did lol
     

  4. #4  
    Registered Member
    Join Date
    Jul 2009
    Age
    25
    Posts
    537
    Thanks given
    19
    Thanks received
    3
    Rep Power
    8
    Good job but its not 100% noob friendly add some more information so some people thats called 'noobs' can use this to


    #100 Posts - #200 Posts - #300 Posts - #400 Posts - #500 Posts -
    #600 Posts - #700 Posts - #800 Posts #900 Posts - #1000 Posts
     


Thread Information
Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)


User Tag List

Posting Permissions
  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •