html实现tab页及切换

效果图如下：

 

tab切换通过js和jquery实现，代码如下（主要是调css样式比较麻烦，其他的都比较简单）： 

1、页面切换通过js实现（有点繁琐，每个tab都要写一个onclick方法）：

 

 

 
  

		

			
tab1
			
tab2
			
tab3
		
	
 
 

2、页面切换通过jquery实现(用此方法实现时需要自己引入jquery.js，各位在参考是要把这行代码换成自己本地的路径)。

 


 

 
  

		

			
tab1
			
tab2
			
tab3