Autor | Zpráva | ||
---|---|---|---|
shuster Profil * |
#1 · Zasláno: 27. 2. 2011, 22:25:08
Potreboval by som vytvoriť event hover postupne na každé dieťa zoznamu v nekonečnom cykle.
Poradí prosím niekto? Potrebujem to na klasický headline changer. HTML: <ul id="headlines"> <li><h2>Nadpis 1</h2> <cite>Magnis mus adipiscing dictumst, augue sagittis!</cite> </li> <li><h2>Nadpis 2</h2> <cite>Adipiscing a arcu urna odio natoque non nascetur</cite> </li> <li><h2>Nadpis 3</h2> <cite>Tincidunt, porttitor massa, dis natoque, sagittis</cite> </li> <li><h2>Nadpis 4</h2> <cite>Pulvinar, mid scelerisque, magna nec</cite> </li> <li><h2>Nadpis 5</h2> <cite>Mus, mauris, scelerisque porta urna nisi</cite> </li> </ul> Elementy CITE sú skryte (visibility:hidden) Hover haždeho LI urobí vnorené CITE viditeľným Potreboval by som, aby sa to robilo automaticky keď je myš preč. Nechcem použiť jQuery cycle plugin. Potreboval by som len poradiť nejaký cyklus ktorý by buď vytvoril postupne každému LI event hover alebo mu nastavil nejaký CSS class. Vďaka |
||
shuster Profil * |
#2 · Zasláno: 28. 2. 2011, 00:21:50
Tak som upravil hover, tak aby sa pridal class current cez jQuery
<script type='text/javascript'><!--//<![CDATA[ jQuery(document).ready(function() { jQuery('#headlines li:first-child').addClass("current"); jQuery('#headlines li').mouseover(function() { if (this.className.indexOf("current") == -1) { jQuery("li.current").removeClass("current"); jQuery(this).addClass("current"); } }); }); //]]>--></script> Ešte by to chcelo pridať nekonečnú slučku, ktorá by class current davala postupne každému childu. |
||
Časová prodleva: 13 let
|
0