CODEWITHSUNDEEP
html
rectangletangle
rectangletangle

Reputation: 52941

How do I make an image change when the mouse is over it HTML?

How do I make an image change when the mouse is over it?

Snippet:

<body>

<!-- Site navigation menu -->
<ul class="navbar">
  <li><img src="C:\Users\Drew French\Pictures\Style\SepiaWeb\button_demo5.png" alt="Button 1" /></a>

Upvotes: 0

Views: 202

Answers (2)

Brad
Brad

Reputation: 163232

You can use CSS or Javascript for this.

http://joemaller.com/js-singleroll.shtml

Upvotes: 1

griegs
griegs

Reputation: 22760

If you could use jQuery;

$("#ImageID").hover( function() { $(this).attr("src", "new src"); } );

Also check this out Changing the image source using jQuery

Upvotes: 1

Related Questions