Oldalon belül aktív horgony linkek átszínezése - hogyan?
Van egy menüm, amivel egy aloldal tartalmában tudok navigálgatni:
HTML kód:
<div class="menu">
<a class="elso belsolink" href="#elsoresz">Első rész</a>
<a class="masodik belsolink" href="#masodikresz">Második rész</a>
<a class="harmadik belsolink" href="#harmadikresz">Harmadik rész</a>
</div>
Azt szeretném, hogy az éppen aktív menüpont kinézetét CSS-ben lehessen állítani, vagyis lehessen látni, hogy most éppen melyik oldalrésznél tart a látogató.
Tudtok erre egyszerű megoldást?
re: Oldalon belül aktív horgony linkek átszínezése - hogyan?
Egy tipp: Adj nekik id-t, meg végy fel hozzájuk onclick eseményt, majd hívj meg egy függvényt, ami az id értékét változtatja meg aktívra (így ahhoz más CSS stílus adható meg)... Persze váltásnál a többit semlegesítsd! :-) legalábbis én így csinálnám, mert gondolom itt ugye az :active, :hover nem működik...
re: Oldalon belül aktív horgony linkek átszínezése - hogyan?
Köszi, ilyesmi logikáig eljutottam már... :D ezért is a java részbe tettem a topikot. A programozás nem erős oldalam, gondoltam hátha van valakinek erre egy példa kódja, amit át lehet mahinálni.
re: Oldalon belül aktív horgony linkek átszínezése - hogyan?
Update:
Sikerült megoldani ezzel:
HTML kód:
<script type="text/javascript">
$(document).ready(function(){
$('.belsolink').on("click", function() {
$('.active').removeClass('active')
$(this).addClass('active');
});
})
</script>