применение hover к тегу area

[graf86]

Всем известно что псевдо класс hover нельзя применить к тегу area.

Передо мной стоит задача при наведении на определенную часть изображения над изображением должна появляться определенная надпись.

всякие jquery map hilight не подходят для этого так как они только лишь подсвечивают.

Уважаемые, может ето можно сделать с помощью onmousover ?

подскажите пожалуйста синтаксис. все должно выглядеть так: мышь наводится на опред участок картинки и чуть выше картинки всплывает <span>.

накопал в сети следующее —-

<area onmouseover="hover(this);" onmouseout="unhover(this);" href="...

<script>

function hover(obj) {

obj.style.backgroundImage="img/hover.jpg";

}

function unhover(obj) {

obj.style.backgroundImage="img/nohover.jpg";

}

</script>

———

наверное надо вместо obj.style.... подставить что нить другое или это не решит задачу ?

Edited November 14, 2011 by graf86

[Great Rash]

Забейте на <area />, лучше посмотрите в сторону Raphael.js.

[graf86]

  On 11/14/2011 at 11:44 AM, Great Rash said:

Забейте на <area />, лучше посмотрите в сторону Raphael.js.

спасибо проблему решил.

$(document).ready(function() {

$("map#link1").hover(

function () {

$(this).append($("<span>WHO WE ARE</span>"));

},

function () {

$(this).find("span:last").remove();

}

);

});

css

#link1 span {

position: absolute;

margin-left: -150%;

top: -155%;

width: 155px;

}