• Nike free run 2 pink
  • Nike free 5.0 kids
  • Oakley sunglasses discount
  • CodeAve.com CodeAve.com - JavaScript - Images
    ASP
    JavaScript
    ·Document Info
    ·Forms
    ·Images
    ·Miscellaneous
    ·Navigation
    ·Script Writers
    ·Contents
    ·What's New?
    CSS
    HTML
    Maps
    Links
    Mail List
    Search
    Sitemap


     

  • Retro 3 jordans
  • Jordan 13 retro
  • Nike free 5.0

  • RollOver Links
  • Air jordan 11 low
  • New Balance 996
  • Ray ban vintage sunglasses
  • One of the more common JavaScripts on the web today is the image roll over effect and t can be done with links just as easily as it can be done with images. When the mouse cursor hovers over a link (the default image, in this case black) changes to display a second image in its place (in this case red). Used sparingly, the image rollover can add a dynamic look to you site without much effort. The following example has three hyperlinks with small images to the left of them (similar to an unordered list). When the mouse is over any of the links the accompanying image will change from black to red and return to black once the mouse is moved away.
    View the Output
    Text View
    Print View
    Mail this Link
    Download the Code

    <html>
    <body bgcolor="#FFFFFF">
    <title>CodeAve.com(JavaScript Image Rollover (On Hyperlinks))</title>
    <script language="JavaScript">
    <!-- 
    function image_over(image_name)
    {
    image_name.src = "images/red.gif"
    }
    function image_out(image_name)
    {
    image_name.src = "images/blk.gif"
    }
    -->
    </script>

    <img name="image1" src="images/blk.gif" border=0> 
    <a href="http://www.codeave.com/" 
    onmouseover="image_over(image1)" onmouseout="image_out(image1)">CodeAve.com</A>

    <br>

    <img name="image2" src="images/blk.gif" border=0> 
    <a href="http://www.codeave.com/asp" 
    onmouseover="image_over(image2)" onmouseout="image_out(image2)">CodeAve.com/ASP</A>

    <br>

    <img name="image3" src="images/blk.gif" border=0> 
    <a href="http://www.codeave.com/html" 
    onmouseover="image_over(image3)" onmouseout="image_out(image3)">CodeAve.com/HTML</A>

    <br>

    <img name="image4" src="images/blk.gif" border=0> 
    <a href="http://www.codeave.com/javascript" 
    onmouseover="image_over(image4)" onmouseout="image_out(image4)">CodeAve.com/JavaScript</A>

    </body>
    </html>

     

     

     



    ASP: What's New? | Articles | Script Writers | Database Display | Read/Write
    Server Variables | Response Objects | Random Events | Miscellaneous
    HTML: Forms | Hyperlinks | Headers | Tables | Hyperlinks | Headers | Text Display
    JavaScript: Document Info | Forms | Images | Navigation | Script Writers
    CSS: Basics | Page Display | Text Display | Script Writers | Miscellaneous
  • 2014 michael kors
  • air max women 2013
  • 2014 michael kors
  • air max 2014
  • oakley glasses
  • oakley glasses

  • Maps: Map Script Writers | Bing Maps | Google Maps
  • bottes fr
  • ugg boot
  • Privacy Statement

    CodeAve.com is hosted by MyHosting.com
    Donate Food Online with a Mouse Click at TheHungerSite.com
    Donate Land Online with a Mouse Click at TheRainForestSite.com
    © 1999 - 2017 CodeAve.com
    All Rights Reserved

    jordan 11 gamma Nike KD VI lebron 11 low