js: hover deaktivieren
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
allgemeine definition
allgemeinen definition
bestimmen
code
dank
direkten einfluss
display
effekt
einstellen
greifen
grund
nehmen
normales layout
objekt
programm
realisieren
regeln
text
verschiedene effekte
wort
-
Ich möchte mit Javascript den css-Hover-Effekt bei bestimmten Links deaktivieren.
Weiß jm. wie das geht?
Grund ist das ich einen schöneren Effekt in javascript realisieren will aber dadurch nicht die nicht-javascript user komplett ausschließen will. -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Hallo,
das solltest Du nicht mit JavaScript machen, sondern mit CSS. Gib den Links doch einfach eine andere CSS-Klasse. In CSS kannst Du dann das Hoververhalten mit
a:hover {}
selbst bestimmen. Wenn Du das flexibel im Programm ändern willst brauchst Du dann tatsächlich JavaScript. Hier dann einfach mit
Objekt.style.class
dem Objekt eine andere Klasse zuweisen.
LG
BigBaer -
nein direkten einfluss kannst du darauf nicht nehemen, die einfachste Idee ist immer diese:
1.) du gibst deinem body eine Klasse, die anzeigt, dass JS deaktiviert ist und änderst diese dann im body mit einem kleinen Einzeiler:
2.) du schreibst dein CSS dann entsprechend um, sodass die :hover regeln nur dann greifen, wenn im body die Klasse .nojs steht. Außerdem kannst du auf diese Weise auch verschiedene Effekte wie Bildergallerien auf JS einstellen, und ansonsten gibst du ihnen ein "normales" Layout. Z.B.:<body class="nojs"> <script type="text/javascript">document.body.className='js';</script>
/* erstmal eine ganz allgemeine Definition für links */ a { color:black; text-decoration:none; } /* dann ein :hover-Effekt, falls JS nicht aktiviert ist */ .nojs a:hover { color:blue; text-decoration:line-throw; } /* und zum Schluss noch eine Veränderung der allgemeinen Definition, falls JS aktiv ist */ .js a { text-decoration:underline; }
Ist doch recht simpel, oder? -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage