Evo ti i u obliku jquery funkcije
Kôd:
$.fn.hoverable = function()
{
var t = this;
$(this).each (function (i)
{
$(this).parent().css('cursor', 'pointer').hover (
function()
{
if (!$(this).data('on'))
{
$(this).data('on',1);
$(t, this).eq(i).fadeIn('fast', function()
{
$(this).parent().removeData('on');
});
}
},
function() { $(t, this).eq(i).fadeOut(); }
);
} );
return $(this);
};
pa je onda pozoves recimo ovako:
Kôd:
$('.hover').hoverable()
a posto ima return, mozes da se nastavljas ...
Kôd:
$('.hover').hoverable().css('color', 'red');
Pre toga, recimo imas ovakav html:
HTML kôd:
<div>
jedan tekst
<div class="hover" style="display:none; position:absolute; background:green;">ovo ide na tekst 1</div>
</div>
<span>
drugi tekst
<div class="hover" style="display:none; position:absolute; background:yellow;">A ovo je na tekst 2</div>
</span>
Moze verovanto i jednostavnije, ali kao sto rekoh, ja sam tek odnedavno u tome, i to sam bio "nateran" da pocnem