• 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

  • Image RollOver
  • Air jordan 11 low
  • New Balance 996
  • Ray ban vintage sunglasses
  • One of the most common JavaScripts on the web today is the image roll over effect. When the mouse cursor hovers over an image (the default image) changes to display a second image in its place. Used sparingly, the image rollover can add a dynamic look to you site without much effort. The following example has three hyperlinked images (red, blue and green). When the mouse is over any of them they will change to pink and return to their original image once the mouse is moved away.
    View the Output
    Text View
    Print View
    Mail this Link
    Download the Code

    <html>
    <title>CodeAve.com (JavaScript: Image RollOver)</title>
    <body bgcolor="#FFFFFF">

    <center>


    <img name="rollover" src="images/pink.jpg" border=0 alt="Rollover Image" width="100" height="100" >

    <p>

    <a href="http://www.codeave.com/html/red.htm" 
    onmouseover='rollover.src = "images/red.jpg"' 
    onmouseout='rollover.src="images/pink.jpg"'
    >
    <img src="images/red.jpg" border=0 width=25 height=25 alt="Red"></a>
    &nbsp;

    <a href="http://www.codeave.com/html/green.htm" 
    onmouseover='rollover.src = "images/green.jpg"' 
    onmouseout='rollover.src="images/pink.jpg"'
    >
    <img src="images/green.jpg" border=0 width=25 height=25 alt="Green"></a>
    &nbsp;

    <a href="http://www.codeave.com/html/blue.htm" 
    onmouseover='rollover.src = "images/blue.jpg"' 
    onmouseout='rollover.src="images/pink.jpg"'
    >
    <img src="images/blue.jpg" border=0 width=25 height=25 alt="Blue"></a>
    &nbsp;

    </center>

    </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