原文地址：
http://www.div-css.com/html/javascript/2971168.html
偶用jquery实现是这样的，导航菜单的那个红绿切换做的忒笨，没法子，日后有想到更好的方法，再回来改吧~！
jquery的代码如下，靠墙版已经修改了，呵呵，下狠功夫搞了这个高亮插件，老跟bo-blog起冲突！~
友情提示：点击下面的预览可直接查看效果。 :)
<style type="text/css"> .menu_title2{background:red;} .menu_title1{background:green;} .box{width:400px;padding:10px;} .hd{float:left;} .hd a{clear:both;font-size:13px;text-decoration:none;padding:6px 20px;display:block;color:white;} .hd a:hover{background:red;} .bd{float:left;} .bd div{width:200px;height:300px;background:#eee;border:1px solid #ccc;margin:0 6px;} </style> <script type="text/javascript" src="http://www.zendstudio.net/libs/jquery-1.2.1.js"></script> <script language=Javascript> $(function(){  $("a").each(function(i){     $(this).click(function(){         $("a").removeClass("menu_title2");         $("a").addClass("menu_title1");         $(this).removeClass("menu_title1");         $(this).addClass("menu_title2");         $("div.bd").find("div").hide();         $("#Tabs"+i).show();     });  }); }); </script> <div class="box"> <!-- 左边的菜单 [[ --> <div class="hd"> <a class='menu_title2' id='TabTitle0' href="javascript:void(0)">菜单11</a> <a class='menu_title1' id='TabTitle1' href="javascript:void(0)">菜单22</a> <a class='menu_title1' id='TabTitle2' href="javascript:void(0)">菜单33</a> <a class='menu_title1' id='TabTitle3' href="javascript:void(0)">菜单44</a> <a class='menu_title1' id='TabTitle4' href="javascript:void(0)">菜单55</a> <a class='menu_title1' id='TabTitle5' href="javascript:void(0)">菜单66</a> </div> <!-- 左边的菜单 ]] --> <!-- 这里是右边的内容 可以放链接或者是其它内容 [[ --> <div class="bd"> <div id='Tabs0'>111</div> <div id='Tabs1' style='display: none;'>222</div> <div id='Tabs2' style='display: none;'>333</div> <div id='Tabs3' style='display: none;'>444</div> <div id='Tabs4' style='display: none;'>555</div> <div id='Tabs5' style='display: none;'>666</div> </div> <!-- 右边的内容 ]] --> </div> <div style="color:red;margin-top:20px;">dp.SyntaxHighlighter高亮插件已修正升级，若您发现预览不正常，欢迎给我留言，报告BUG,我一定尽全力修正！</div>

可能与本文相关的一些内容

js dom元素查找方法的总结

div-css.com上一个javascript实例的jquery模仿（二）

div-css.com上一个javascript实例的jquery模仿（一）

接触伟大的jquery -优雅的JS库