Page 1 of 1
Javascript Mouse Rollover effects Help
Posted: Thu Dec 09, 2010 3:30 pm
by mumba
Hi everyone, can someone show me how to create mouse rollover effects like the one used on this website forum topics.I want to implement on my site.
Thank you
Re: Javascript Mouse Rollover effects Help
Posted: Sun Jan 09, 2011 6:28 am
by sergio-pro
Hi!
This is usually done not with javascript, but with CSS hover state.
It should be something like this:
tr { backgound-color: #ffffff; }
tr:hover { backgound-color: #cccccc; }
The same approach uses this site for topics.
Good Luck
Re: Javascript Mouse Rollover effects Help
Posted: Fri Jan 14, 2011 7:10 pm
by danwguy
You can also do something like this... <img src="images/imagename.png" onmouseover="this.src='images/imageovername.png'" onmouseout="this.src='images.imagename.ong'" /> and that will take an image and change it to the second image when your mouse is over it, then put it back to the first image when you take your mouse off of it. Good luck and enjoy.