HTML for onmouseover?

Question

Hi people,

How do I use the onmouseover function to do these two things at a time - change image on the same spot and show the style cursor hand? I know how to do only one of them but when I try to add the second function, it didn't work. Hope there is an expert out there who can help. Thanks a lot!

Answer 1

onmouseover="function1(); function2();" (without the space between function1 and function2 . Yahoo! truncates the code.)

Alternatively, you could call function2() from within function1().

The semi-colon between the two functions is very important; it lets the script know that it has to process a new line of code.

Answer 2

To use multiple javascript commands in an onmouseover tag you just need to seperate them with a semi-colon ; like this:



However, to simply make the "hand" show up when you are over the element just add style="cursor: pointer;" to your element. There is really no reason to have this in the onmouseover event.

Answer 3

Answer 4

a#something:hover { background-image: url("something-else.gif"); }

...adjust padding-left, line-height, padding-top, padding-bottom, urls as appropriate...