HTMLスクロールウィンドウ効果display_html/css_WEB-ITnose

我希望能够实现如图中的效果，点下面的四条，后面的页面会滑到前面，取代原来的内容,，求大神指点

回复讨论(解决方案)

 <script> <br> <!-- <br /> /*第一种形式 第二种形式 更换显示样式*/ <br /> function setTab(name,cursel,n){ <br /> for(i=1;i<=n+1;i++){ <br /> var menu=document.getElementById(name+i); <br /> var con=document.getElementById("con_"+name+"_"+i); <br /> menu.className=i==cursel?"hover":""; <br /> con.style.display=i==cursel?"block":"none"; <br /> } <br /> } <br /> //--> <br> </script>

 
•   

 
• 

 
• 

 
 
•  

 
•  

 
 

       

   

站点查询

  站点名称
  
  

  
  
  
  
               
          
        

 

 

 

   

 线路查询 

  线路名
     

  
  
 
 

 

 

 

 

换乘查询

 起点

 终点

 乘车偏好：
   较快捷
  不换乘
  不步行
  多步行
          

 
 
 
 
 

 

サイト名


;/option＆gt; goWhere" >
鉄道駅
Keke Avenue と Shinan Road
/option> id = "hide4 " src="image/reset.png" hspace="20" vspace="10"/>

を参照してください。