Kuinka tehdään tällä kyseisellä sivulla oleva, viimeisen pyöreän kuvan vierelle ilmestyvä tekstisysteemi kun hiiren osoitin on sen päällä?
http://www.mmm.fi/kalastus_riista_porot/elinkeinokalatalous/ammattikalastus/
Laita esimerkkiin kyseisellä sivulla olevat tekstit eli: ensimmäinen otsikko on siis "interventio"(kuinka tähän siis laitetaan taustaväri) toinen alaotsikko on "ajankohtaista interventiosta"(kuinka tähän vaihdetaan taustaväri kun hiiren osoitin on sen päällä"?
Kiitos avusta!
T:ulla
http://www.mmm.fi/kalastus_riista_porot/elinkeinokalatalous/ammattikalastus/
Laita esimerkkiin kyseisellä sivulla olevat tekstit eli: ensimmäinen otsikko on siis "interventio"(kuinka tähän siis laitetaan taustaväri) toinen alaotsikko on "ajankohtaista interventiosta"(kuinka tähän vaihdetaan taustaväri kun hiiren osoitin on sen päällä"?
Kiitos avusta!
T:ulla
Vastaukset 1
Vanhimmat
Koko satsin väsääminen vaatisi jo hiukan vaivannäköä ja nysväystä, mutta kirjottelen jotain kuitenkin...
Eli sen menun voit rakentaa esim. tällä tavalla
INTERVENTIO
Ajankohtaista interventiosta
Sitten toi funktio (onmouseover)....
function toggleMenu(Menu) {
var oldValue = Menu.style.display;
Menu.style.display = (oldValue == 'inline') ? 'none' : 'inline';
}
... ja lopuksi muotoilua....
.menu {
display:none;
width:200px;
}
.menuHeader {
background-color:rgb(0,100,0);
color:white;
font-weight:bold;
width:100%;
}
.menuContext {
background-color:white;
color:black;
font-weight:normal;
width:100%;
}
a {
width:100px;
text-decoration:none;
color:rgb(0,100,0);
background-color:white;
}
a:hover {
bacground-color:rgb(0,100,0);
color:white;
}
Juuh, eli jotain tuollaista suunnilleen, värit ei oo samat eikä varmaan muotoilu muutenkaan kohdallaan, eikä toi toimi kun yhden menun kanssa, mutta onhan siinä alkua.