Saturday 4 June 2011

How do I create a Mouse Over Button?

I want to create a mouse over button, where when you put your mouse over something, it changes into another shade, another picture etc. I want to know how, an easy step by step instructions as to how to exactly create the mouse over buttons.





Thanks a lot if you can help me...|||Assuming your %26quot;button%26quot; code looks something like this:


%26lt;a href=%26quot;whatever%26quot;%26gt;%26lt;img src=%26quot;img1.jpg%26quot; /%26gt;%26lt;/a%26gt;





If you add the onmouseover and onmouseout commands to the %26lt;img%26gt; tag, you can change the src of the image like:


%26lt;a href=%26quot;whatever%26quot;%26gt;%26lt;img src= %26quot;img1.jpg%26quot; onmouseover=%26quot;this.src =%26#039;img2.jpg%26#039;;%26quot; onmouseout=%26quot;this.src= %26#039;img1.jpg%26#039;;%26quot; /%26gt;%26lt;/a%26gt;|||more info plz ie: which program your using in dreamwave,frontpage????|||You have a few options:





A Macromedia Flash button, which will cost you a lot to buy (unless you use a button made by someone else). This also requires that your website visitors have flash player installed.





An alternative, and free of charge option, is to create your own, by using two images. You can write some script which will switch the images when the mouse moves over them.





For help with the second option email me and I will provide it.|||How to Create Image Rollovers in JavaScript


full instructions here





http://www.thesitewizard.com/archive/rol鈥?/a>|||if you are using dreamweaver then it should be pretty simple,


-go, insert, interactive images, rollover image


-then just put your picture one (before mouse over) in the browse file section


and likewise for the picture 2 browse section