• 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

  • JavaScript Two Image Change
  • Air jordan 11 low
  • New Balance 996
  • Ray ban vintage sunglasses
  • In previous articles we’ve demonstrated image mouseover and rollover effects, this is a combination of the two. When the mouse pointer is placed over an image that image will change. In addition a second "main" image will also change when the mouse pointer is over an image.
    View the Output
    Text View
    Print View
    Mail this Link
    Download the Code

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


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

    <p>

    <a href="#" 
    onmouseover='main_image.src = "images/red.jpg";rollover1.src="images/ltred.jpg"' 
    onmouseout='main_image.src="images/pink.jpg";rollover1.src="images/red.jpg"'
    >
    <img name ="rollover1" src="images/red.jpg" border=0 width=25 height=25 alt="Red"></a>
    &nbsp;

    <a href="#" 
    onmouseover='main_image.src = "images/green.jpg";rollover2.src="images/ltgreen.jpg"' 
    onmouseout='main_image.src="images/pink.jpg";rollover2.src="images/green.jpg"'
    >
    <img name ="rollover2" src="images/green.jpg" border=0 width=25 height=25 alt="Green"></a>
    &nbsp;

    <a href="#" 
    onmouseover='main_image.src = "images/blue.jpg";rollover3.src="images/ltblue.jpg"' 
    onmouseout='main_image.src="images/pink.jpg";rollover3.src="images/blue.jpg"'
    >
    <img name ="rollover3" 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