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.