- Commodore 64
- Mesterséges intelligencia topik
- Kodi és kiegészítői magyar nyelvű online tartalmakhoz (Linux, Windows)
- ASUS routerek
- Rendszergazda topic
- Adguard Premium (Android, PC és egyéb rendszerekre, valamint böngészőkhöz)
- Betelik a pohár: nagy igény lenne a gyorshajtás-ellenes technológiára
- Mobilinternet
- DIGI kábel TV
- eBay
Új hozzászólás Aktív témák
-
Sk8erPeter
nagyúr
válasz ahetaton #2208 üzenetére
Itt MINDEN div hover állapotát módosítod JS-sel, nem csak azokat, amik a fantáziadús "div" class-névvel vannak ellátva. Ha utóbbit szeretnéd, akkor a selectorod $('div') helyett legyen $('.div').
$('div').hover(
function () {
$(this).css({"background-color":"red"});
},
function () {
$(this).css({"background-color":"blue"});
}
);ez pontosan megfelel ennek a CSS-kódnak:
div {
background-color:blue;
}
div:hover {
background-color:red;
}Amit CSS-ben meg lehet oldani, azt soha NE JavaScripttel oldd meg! Ezenkívül kerüld az inline style-attribútum használatát, tehát a HTML-kódod csak ennyi legyen (nincs style-attribútum):
<p>Move mouse on any square below to see the result:</p>
<div class="akarmi"></div>
<div class="akarmi"></div>
<div class="akarmi"></div>
Éppen ezért ha pl. háttérszínekről és hasonló stílusmódosításokról van szó (amit CSS-sel meg lehet oldani), akkor érdemes inkább csak class-okat hozzáadni és elvenni adott elemektől, de egyébként mindent CSS-ben megadni.Ha pedig azt szeretnéd, hogy változzon egy másik div, ha egy adott div föléviszed az egeret, pl. adj id-t a forrás- és céldivnek, és valahogy így módosítsd (itt láthatod, hogy csak class-t adok hozzá, ill. veszek el):
Ha valamelyik része nem tiszta, kérdezz vissza nyugodtan.
Sk8erPeter
Új hozzászólás Aktív témák
- Audio-Technica - ATH PRO 5X
- Bomba ár! HP EliteBook 840 G6 - i7-8GEN I 16GB I 512GB SSD I 14" FHD I HDMI I Cam I W11 I Gari!
- Bomba ár! HP EliteBook 840 G3 - i5-6GEN I 8GB I 512GB SSD I 14" HD I Cam I W10 I Garancia!
- Bomba ár! HP EliteBook 830 G5 - i5-8G I 16GB I 256GB SSD I 13,3" FHD I HDMI I Cam I W11 I Gari!
- Bomba ár! Fujitsu LifeBook E756 - i5-6GEN I 16GB I 256GB SSD I 15,6" FHD I Cam I W10 I Garancia!