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

WBOY
發布: 2016-06-21 09:14:01
原創
1328 人瀏覽過

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


回复讨论(解决方案)

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>








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

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

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

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

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




 
 

       

   

站点查询



  站点名称
  
  
  
  
  
  
  html滚动窗口效果展示_html/css_WEB-ITnose             
          html滚动窗口效果展示_html/css_WEB-ITnose
        

 


 

 

   

 线路查询 


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

 

 

 

 

换乘查询


 起点
 终点
 乘车偏好:
 
 html滚动窗口效果展示_html/css_WEB-ITnose
 html滚动窗口效果展示_html/css_WEB-ITnose
 
 

 

 

 
       

       

GPS候车查询


   
  
  站点名称
   
     线路号
  开往方向
  
   
  
  html滚动窗口效果展示_html/css_WEB-ITnose
        html滚动窗口效果展示_html/css_WEB-ITnose
  
  
 

 
 





來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板