|
|||
querySelector mehre klassen zusammen fassen
Über querySelector simuliere ich den CSS Hover befehlt über JavaScript
Der CSS befehlt: .view-sonne:hover h2,.view-sonne:hover p,.view-sonne:hover a.info{ opacity: 1; } also das Hover wirkt sich auf h2 p und die klasse info aus. Das kann js auch: Code:
document.querySelector(".view-sonne .info").style.opacity=1; document.querySelector(".view-sonne h2").style.opacity=1; document.querySelector(".view-sonne p").style.opacity=1; JavaScript: Umfassender Zugriff auf DOM-Elemente mit ?querySelector()? | t3n kann man das auch in einen Befehl quietschen Code:
document.querySelector(".view-sonne h2 .view-sonne p ").style.opacity=1; die Leerzeichen entfernen geht auch nicht, dann meckert js Hat einer eine Idee? |
Sponsored Links |
Sponsored Links |
|
|||
Zitat:
Nun sind es 6 kästen die alle die view-sonne klasse haben. Dort läuft bei Mouse Over oder zufällig für ein Kasten über js eine kleine Animation ab. ich habe die nun verschiedene id gegeben(zu0,zu1...) wie kann ich die in die Schleife id auslesen? z.z behelfe ich mich mit: #zu1.view-partner h2 damit kann aber man leben Ein größeres Problem ist noch. Die Animation wird über Mouser Over (Maus darüber) oder zufällig für ein Kasten gestartet. Läuft die Animation dann über js einmal durch, so als wenn man mit der Maus rüber fährt und dann wieder die Maus weg nimmt , also Urzustand funktioniert das MouseOver bei den Kasten nicht mehr, obwohl alles um Urzustand ist. Nachtrag: es geht nur über die Event onmouseover/out die sind wohl mit css:hover nicht mischbar Geändert von seerose (21.12.2014 um 17:27 Uhr) |
|
||||
Wenn du eine Liste von Elementen hast, dann brauchst du die IDs nicht unbedingt, du kannst dir die Elemente mit querySelectorAll holen und dann über ihren Index darauf zugreifen.
Davon abgesehen habe ich weder verstanden was du dir da genau gebaut hast, noch was dein Problem ist. Zeig mal den kompletten Code, am besten gleich online. |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
CSS zusammen fassen | Erdbeertorte | CSS | 2 | 03.01.2013 16:06 |
Klassen in der css Datei wiederverwenden | mappenz | CSS | 3 | 23.04.2012 20:11 |
php Klassen - Einsatz und Sinn? | paracelsus | Serveradministration und serverseitige Scripte | 306 | 17.02.2009 20:51 |
header bestandteile zu 1 zusammen fassen | nalin | CSS | 5 | 24.05.2005 13:47 |
Klasse soll Formatierungen von anderen Klassen übernehmen? | Herbi | CSS | 3 | 28.01.2004 00:03 |