html滚动窗口效果展示_html/css_WEB-ITnose

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

回复讨论(解决方案)

nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <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>

 
•   

 

 

 
 
•  

 
•  

 
 

       

   

站点查询

  站点名称
  
  
  
  
  
  
               
          
        

 

 

 

   

 线路查询 

  线路名
     
  
  
 
 

 

 

 

 

换乘查询

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

 

 

 
       

       

GPS候车查询

   
  
  站点名称
   
     线路号
         B12
        45
        72
        68
             
  开往方向
  
         火车站
        科学大道与石楠路
        大谢村
        化工路