Autor Zpráva
Luky
Profil
Zdravím,
chtěl bych se zeptat, jestli jde udělat při najetí myší na img, změnu třídy (v CSS) daného obrázku.
konkrétně:
- jedná se o menu
- nemám obrázky, ale odrážky které mají obrázek na pozadí v CSS (princip je myslím stejný)
- rozděluji je na dvě třídy: aktivní a neaktivní
Pokud najedu na určitou odrážku, změní se jí i obrázek na pozadí, toho bych chtěl docílit přes funkci onmouseover. Při najetí na odrážku změnit její styl. Přikládám zdroják:
HTML
  <div class="menu">
    <ul>
    <li class="aktiv"><a href="#" class="normal">Hlavní strana</a></li>
    <li><a href="#" class="normal">Sortiment</a></li>
    <li><a href="#" class="normal">Galerie</a></li>
    <li><a href="#" class="normal">O firmě</a></li>
    </ul>
  </div>

CSS
.menu{
background-color: rgb(255,108,0);
height: 30px;
width: 100%;
}

.menu ul {
font-family: "Tahoma", arial;
font-size: 14pt;
margin:0 auto;        
padding:0;
width: 625px;
height: 30px;
}

.menu ul li{
margin-left: 4px;
list-style:none;
display:inline;
  line-height:32px;
float: left;
background: url(../img/bg/menu-bga.png) no-repeat center;
height: 30px;
width: 151px;
}
.menu ul .aktiv{
background: url(../img/bg/menu-bg.png) no-repeat center;
height: 30px;
width: 151px;
}
Bubák
Profil
Nechápu přesně, o co se pokoušíš, ale asi o něco takového, ale vodorovně. Je to bez JS a protože hover je až na odkazech, tak to funguje i ve starších IE.
Aktivní položku jde snadno přidat.

Pokud jsem se s odpovědí netrefil, upřesni dotaz.
Luky
Profil
Jj, mě už to pak taky napadlo :D ale děkuji moc...

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: