Maison >interface Web >tutoriel HTML >html滚动窗口效果展示_html/css_WEB-ITnose

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

WBOY
WBOYoriginal
2016-06-21 09:14:011343parcourir

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


回复讨论(解决方案)

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
  
  
 

 
 





Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn