Ukážka WinXP menu

 

  • [+] položka 1
  • [+] položka 2
  • [+] položka 3
 Objekty <ul>
<li ><img src="plus.gif" alt="[+]" onclick="Zobraz (u1) "><img src="zlozka.gif">
položka 1</li>
<ul id=u1 style="display:none">
<li > odkaz1.1
<li > odkaz1.2
</ul>
<li ><img src="plus.gif" alt="[+]" onclick="Zobraz (u2) "><img src="zlozka.gif">
položka 2</li>
<ul id=u2 style="display:none" >
<li>odkaz2.1
<li> odkaz2.2
<li> odkaz2.2
<!-- vnoreny blok -->
<li ><img src="plus.gif" alt="[+]" onclick="Zobraz (u21) "><img src="zlozka.gif">
položka 21</li>
<ul id=u21 style="display:none">
<li > odkaz 21.1
<li > odkaz 21.2
</ul>
</ul>
<li ><img src="plus.gif" alt="[+]" onclick="Zobraz (u3) "><img src="zlozka.gif">
položka 3</li>
<ul id=u3 style="display:none">
<li> odkaz 3.1
</ul>
</ul>
Script <SCRIPT LANGUAGE=vbscript><!--
Function Zobraz(Polozka)
if Polozka.style.display = "" then
Polozka.style.display = "none"
window.event.SrcElement.src = "plus.gif"
window.event.SrcElement.alt = "+"
else
Polozka.style.display = ""
window.event.SrcElement.src = "minus.gif"
window.event.SrcElement.alt = "-"
end if
end function
--></SCRIPT>
CSS <STYLE type="text/css"><!--
li {
list-style-type: none;
font-size: 12px;}
--></STYLE>