echo "
<style type=\"text/css\"><!--
#menu { width:400px; }
#menu a { text-decoration:none; color:navy; }
#menu a:hover { color:blue; }
#menu td {
  padding:2px 5px; border-right:1px solid gray; border-top:1px solid gray;
}
 
#m1 { border-left:1px solid gray; background:yellow; }
#m2 { background:yellow; }
#m3 { background:yellow; }
 
#t1 { background:yellow; padding:5px; border:1px solid gray;}
#t2 { background:yellow; padding:5px; display:none; border:1px solid gray; }
#t3 { background:yellow; padding:5px; display:none; border:1px solid gray; }
--></style>
 
<script type=\"text/javascript\">
<!-- <!&#91;CDATA&#91;
function menu(id) {
  document.getElementById(\"t1\").style.display=\"none\";
  document.getElementById(\"t2\").style.display=\"none\";
  document.getElementById(\"t3\").style.display=\"none\";
  document.getElementById(id).style.display=\"block\";
}
// &#93;&#93;> -->
</script>
 
<div id=\"menu\">
  <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr>
    <td id=\"m1\"><a href=\"javascript:menu('t1')\">menu 1</a></td>
    <td id=\"m2\"><a href=\"javascript:menu('t2')\">menu 2</a></td>
    <td id=\"m3\"><a href=\"javascript:menu('t3')\">menu 3</a></td>
  </tr></table>
  <div id=\"t1\">
    zawartość dla menu 1
  </div>
  <div id=\"t2\">
    zawartość dla menu 2
  </div>
  <div id=\"t3\">
  zawartość dla menu 3
  </div>
</div>";
 
Zinterpretowano w sekund: 0.012, wykorzystano GeSHi 1.0.8.10