(X)HTML, JavaScript, DHTML, XML, CSS Client scripting tehnologije, Dynamic HTML, Cascading Stylesheets, XML i standardi |
|
Alati teme | Način prikaza |
|
11. 09. 2008. | #1 |
A suicide bomber!
Certified
|
evo sad sam probao jedno jednostavno resenje i mislim da radi bas kako tebi treba:
Kôd:
$('.hover').each(function() { $(this).hover ( function() { $(this).stop().fadeTo('fast', 1); }, function() { $(this).stop().fadeTo('fast', 0); } ); });
__________________
jQuery addict! |
31. 08. 2008. | #2 |
Goran Pilipović
Sir Write-a-Lot
|
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); }; Kôd:
$('.hover').hoverable() Kôd:
$('.hover').hoverable().css('color', 'red'); 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>
__________________
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! |
|
|
Slične teme | ||||
Tema | Početna poruka teme | Forum | Odgovori | Poslednja poruka |
jQuery hover | Ivan | Sva početnička pitanja | 3 | 23. 03. 2010. 14:24 |
[css menu] List, hover | Ivan | Sva početnička pitanja | 6 | 26. 01. 2008. 23:30 |
hover na <p> (IE) | [nq] | (X)HTML, JavaScript, DHTML, XML, CSS | 7 | 15. 05. 2007. 22:28 |
jQuery i Ext | Ilija Studen | (X)HTML, JavaScript, DHTML, XML, CSS | 7 | 02. 03. 2007. 11:25 |
Hover efekat na "area" elementu? | Milos Vukotic | (X)HTML, JavaScript, DHTML, XML, CSS | 9 | 06. 04. 2006. 00:56 |