Button bei onload anders darstellen
Hallo zusammen,
ich möchte gerne meinen ersten Menüpunkt (menu-item1), wenn die Seite geladen ist als grünes Bild darstellen, damit man sieht wo man sich aktuell befindet.
Hab hierzu folgenden Code:
HTML:
<div class="submenu">
<div id="menu-items">
<ul>
<li class="menu-item1"><a href="#stacks_in_20320_page4_panel1"></a></li>
<li class="menu-item2"><a href="#stacks_in_20320_page4_panel2"></a></li>
<li class="menu-item3"><a href="#stacks_in_20320_page4_panel3"></a></li>
<li class="menu-item4"><a href="#stacks_in_20320_page4_panel4"></a></li>
<li class="menu-item5"><a href="#stacks_in_20320_page4_panel5"></a></li>
</ul>
</div>
JS:
document.onload = function (){
document.getElementByid('#menu-items li a menu-item1').style.backgroundImage = "url('%resource(Buttons/Wohnhaus_neues_Gruen.jpg)%')";
}
Leider geht es nicht. Was ist falsch?
|