Alleen hover bij click
Ik ben bezig met een mobile website met daarbij een menu.
Nu wil ik graag dat de achtergrond kleur veranderd van het menu-item op het moment dat iemand er op klikt.
Zelf gebruik ik hier :hover voor, maar dan veranderd de kleur ook als je er niet op klikt en het aanraakt via scrollen.
De kleur moet dus alleen veranderd als je er op klikt en niet als je hem 'aanraakt'
Mijn vraag is hoe doe ik dit met CSS (of misschien javascript)?
Dit is helaas niet wat ik bedoel, op het moment dat er op klik. (dus nog niet loslaat), moet hij al oplichten.
Maar dus niet op het moment dat je er langs scrolled via touch :)
Gr,
Bas
Cool; had ik nooit van gehoord.
Die onthoud ik.
Gewijzigd op 25/10/2013 13:12:18 door Kris Peeters
Maar dat blijft dan niet 'aangeklikt'.
Maar als het een menu is, ga je meestal toch wel ergens heen. Toch?
Kris Peeters op 25/10/2013 13:12:00:
@ Albert
Cool; had ik nooit van gehoord.
Die onthoud ik.
Cool; had ik nooit van gehoord.
Die onthoud ik.
Ik was op een gegeven moment enorm verveeld en zat wat te spelen met css. Toen besloot ik custom checkboxes en radiobuttons te maken toen ik dit bedacht. Dit kan overal voor gebruikt worden :)
Steven Huynen op 05/11/2013 23:47:59:
... onmouseover='this.style.cursor="hand"'. ...
Dat werkt, ja.
Echter ... dit is gewoon css, dus doe je het beter gewoon met css
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
<style>
.box {
width: 200px;
height: 200px;
border: 1px solid #000000;
margin: 10px;
}
#box2 {
cursor: hand;
}
</style>
<div class="box" onmouseover="this.style.cursor='hand'"> Met Javascript </div>
<div class="box" id="box2"> Met css </div>
.box {
width: 200px;
height: 200px;
border: 1px solid #000000;
margin: 10px;
}
#box2 {
cursor: hand;
}
</style>
<div class="box" onmouseover="this.style.cursor='hand'"> Met Javascript </div>
<div class="box" id="box2"> Met css </div>