Использование onmouseover/onmouseout с javascript.
Когда вы наводите указатель на элемент, вы просто показываете скрытый div с содержимым вашего наведения.
Когда вы выберете элемент, вы скроете div с вами, наведите содержимое.
Jquery делает это проще, если вы не хотите, чтобы сделать всю работу ног на
<span id="hoverSpan" class="hoverelement" hoverdata="this is my hoverdata">HoverSpan</span>
<a href="#" id="hoverAnchor class="hoverelement" hoverdata="this is my hover data">HoverAnchor</a>
<div id="hoverdiv" style="display:none"></div>
<script language="javascript">
$(document).ready(function() {
$(".hoverelement").each(function() {
var myelement = $(this);
myelement.mouseover(function (e) {
var myhovertext = myelement.attr("hoverdata");
$("#hoverdiv").html(myhovertext).show();
});
myelement.mouseout(function (e) {
$("#hoverdiv").html(myhovertext).hide();
});
});
});
</script>
Сво поздно, и я не проверял, но идея есть. В общем, вы бы сделать парение для любого элемента с классом «hoverelement»
': hover' корректно работает в IE8. – josh3736
спасибо, но у многих пользователей еще есть IE6. –