Heim >Web-Frontend >HTML-Tutorial >html滚动窗口效果展示_html/css_WEB-ITnose

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

WBOY
WBOYOriginal
2016-06-21 09:14:011343Durchsuche

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


回复讨论(解决方案)

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
  
  
 

 
 





Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn