| Autor | Zpráva | ||
|---|---|---|---|
| PetrLL Profil |
Dobrý večer,
lze nastavit v jQuery animace pro klasický :hover efekt zapsaný v CSS? Vysvětlím podrobně: HTML: <div class="kontejner"> Text </div> CSS: .kontejner{float:left; width:300px; height:300px; background: blue}
.kontejner:hover{background: blue}Nyní bych potřeboval nastavit, aby jQuery přidalo efekt (například fadeIn() )pro třídu kontejner:hover. Vzhledem k tomu, že takto podobných tříd mám desítky, potřebuji, aby byl kód co nejmenší a nejednoduší. Děkuji. |
||
| marizikmund Profil |
#2 · Zasláno: 4. 7. 2015, 03:08:57
Určitě na to nemůžeš použít CSS transitions, případně přes jQuery pouze měnit názvy tříd s definovanými transitions (pokud je máš pro různé elementy jiné)?
Tady máš příklady atd.: http://www.vzhurudolu.cz/prirucka/css3-transitions |
||
| Keeehi Profil |
#3 · Zasláno: 4. 7. 2015, 10:01:31
Pokud trváš na čistě jQuery řešení
$("kontejner").hover(function() {
$(this).fadeIn();
},
function() {
$(this).fadeOut();
});Pokud je ta akce stejná pro více tříd s hoverem, dá se to zapsat takto: $(".kontejner, .kontejner2, .kontejner3").hover(... |
||
| PetrLL Profil |
#4 · Zasláno: 4. 7. 2015, 14:15:37
Ok, děkuji vám marizikmund a Keeehi
|
||
| Kcko Profil |
PetrLL:
Možná Ti pomůže i http://rjwebdesign.cz/blog/CSS/20141219-css3-animace (několik odkazů se zabývá již hotovými animacemi, samozřejmě to bude fungovat jen v novějších IE ...) |
||
| PetrLL Profil |
Kcko:
Děkuji moc za odkazy. |
||
|
Časová prodleva: 10 let
|
|||
0