Archief - / CSS: classes laten faden op hover

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

woony

Legacy Member
Hey, zou hier graag wat snel hulp bij hebben. Kzit hier al mijn tijd aan te verdoen :)

dus.. heb een menutje..

<ul> met <li> met daarin <a> tjes
nu wil ik op hover dat ze naar een ander kleur faden...

ik dacht dat dit met jquery wel geen probleem ging zijn.
maar het lukt mij toch precies niet.
ik kan perfect classje toevoegen bij hover.
faden lukt bij hover maar dan gaat het om de opacity. dus 1 vast kleur. en dat bv 60% opac zetten en dan naar 100% bij hover.

maar de eigenlijke combinatie lukt dus niet...

brecko

Legacy Member
Is mij ook nooit gelukt zonder plugin hoor. Ik beweer niet dat het niet kan,
maar ik heb toch op een paar plaatsen gelezen dat dat niet mogelijk was zonder..

Als iemand een werkend vb zonder plugin kan tonen, altijd handig!

Drone

Legacy Member
Het zit standaard niet in jQuery dus meestal gebruiken ze daarvoor een plug-in.

Drone

Legacy Member
Juist ontdekt dat het ook in jQueryUI zit.

JS Bin - Collaborative JavaScript Debugging

Het gaat ook extra functionaliteit aan add en remove class toevoegen.

jQueryUI zit ook in de google CDN:

jQuery UI
name: jqueryui
versions: 1.5.2, 1.5.3, 1.6, 1.7.0, 1.7.1, 1.7.2, 1.7.3, 1.8.0, 1.8.1, 1.8.2
load request: google.load("jqueryui", "1.8.2");
extras: uncompressed:true, e.g., google.load("jqueryui", "1.8.2", {uncompressed:true});
path: http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js
path(u): http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.js
site: jQuery UI - Home
note: This library depends on jquery. Before loading this module, you must load jquery. e.g.:

google.load("jquery", "1.4.2");
google.load("jqueryui", "1.8.2");
Developer's Guide - Google AJAX Libraries API - Google Code

woony

Legacy Member
[drone]-[1.05];13582345 zei:
Juist ontdekt dat het ook in jQueryUI zit.

JS Bin - Collaborative JavaScript Debugging

Het gaat ook extra functionaliteit aan add en remove class toevoegen.

jQueryUI zit ook in de google CDN:


Developer's Guide - Google AJAX Libraries API - Google Code

ah das handig! de add en remove class is anders maar een zeer basic func imho. zeker als het bij hover moet gebeuren..

als ik het zie zitten zal ik alles eens vervangen. gebruik toch de jquery ui.
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan