Изменение вида курсора при наведении

Спасибо большое за помощь, но у меня ситуации немножко сложнее. Для наглядности код приведу.

Вот если в тег <area> просто добавить style="cursor: pointer;cursor:hand;", то не работает. Вот нужно реализовать, чтобы при наведении на область курсор превращался в ладошку.

Koreps, если вам нужен курсор-ладошка, как на ссылке, то самое простое как раз написать <area href="#"... или <area href="javascript:void(0)"..., так нерекомендуемое на сайте Лебедева. Только непонятно зачем делать курсор как на ссылке если это не ссылка.

Спасибо огромное! <area href="javascript:void(0)"..., работает. Я что-то и не догадался.

Курсор-ладошку чтобы нажимали:) Это не ссылка, а вылезающий слой. При нажатии на определенную часть рисунка он показывается.

я onmouseover здесь не работает?

как-нибудь

.hand {cursor: pointer;cursor: hand;}

<area ... onmouseover="this.className='hand';" .../>

я просто не знаю работает или нет)

Нет, не работает. Пробовал.

Koreps, теперь понял, знакомая ситуация. пожалуй можно проще:

<area href="" shape="poly" coords="150,18,151,27,163,26,164,29,166,29,166,26,226,19,226,6,219,6,219,10,205,11,204,13,150,18" onClick="document.getElementById('c1').style.display='none';document.getElementById('c3').style.display='block'; return 0;" alt="текст"/>

просто href - обязательный, а его значение в вашем случае неактуально.

Так в вашем случае страница заново перегружаться будет, то есть обновляться;) А мне нужно чтобы только слой открывался/закрывался.

Koreps, моя ошибка: return 0 на return false замените и страница перезагружаться не будет.

Теперь работает. Спасибо!