Tema: jQuery hover
Pogledajte određenu poruku
Staro 31. 08. 2008.   #9
bluesman
Goran Pilipović
Sir Write-a-Lot
 
Avatar bluesman
 
Datum učlanjenja: 18.05.2005
Lokacija: Beograd
Poruke: 5.450
Hvala: 288
1.247 "Hvala" u 446 poruka
bluesman je osoba koju treba slušatibluesman je osoba koju treba slušatibluesman je osoba koju treba slušatibluesman je osoba koju treba slušatibluesman je osoba koju treba slušatibluesman je osoba koju treba slušatibluesman je osoba koju treba slušatibluesman je osoba koju treba slušatibluesman je osoba koju treba slušati
Pošaljite ICQ poruku za bluesman
Default

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
__________________
Goran Pilipović a.k.a. Ugly Fingers Bradley f.k.a. bluesman
I don't always know what I'm talking about but I know I'm right!
bluesman je offline   Odgovorite uz citat