JavaScript实现水平选项卡效果

首先在body中加入以下HTML内容：
<div id="panel">
 <div id="top">
        <ul id="menu">
            <li id="1">Home</li>
            <li id="2">IntelligenceFacts</li>
            <li id="3">Research</li>
            <li id="4">Perception</li>
            <li id="5">Robotics</li>
            <li id="6">Cognitive Science</li>  
        </ul>
 </div><!-- END #top -->
    <div id="main">
     <div class="show" id="div_1" style="filter:alpha(opacity=100)">
         <img src="images/intro.jpg" />  
        </div><!-- END #div_1 -->
        <div class="slide" id="div_2" style="filter:alpha(opacity=100)">
         <img src="images/package.gif" />
       
        </div><!-- END #div_2 -->
        <div class="slide" id="div_3" style="filter:alpha(opacity=100)">
         <ul class="news">
             <li><a href="">链接1</a></li>
                <li><a href="">链接2&l