tab标签页切换效果.

tab标签页的显示.
相关文件
1.deptViewSummary.jsp
2.common_style.css //引用的css

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/common/common.jsp" %> 

<%@ taglib prefix="s" uri="/struts-tags" %>    






<%--时间控件部分 放在上面--%>

<%--  不需要--%>
<%--2.Ztree使用的,放上面. common_style.css来冲掉 前面的小 样式 	${pageContext.request.contextPath}/css/common/zTreeStyle/zTreeStyle.css 之前的←. --%>



<%--北京方面制定的样式 添加. --%>

<%--分页用CSS --%>















<%--可以下载的. 
 --%>







	
 
		
 
				<%--整体盒子分 三大部分.头部 搜索提示 --%>
				
 <%--头部的css --%>
					
 
							<%--margin-top:-45px; margin-left:-35px; --%>
						

							

						
						










							
								

									组织者:
								
								

									
								
							
							
								

									时间段:
								
								


									"  onfocus="WdatePicker({lang:'zh-cn',dateFmt:'yyyy-MM-dd'})" />
									至
									"   onfocus="WdatePicker({lang:'zh-cn',dateFmt:'yyyy-MM-dd'})"/>
									<%--1.原,精确到s onfocus="WdatePicker({lang:'zh-cn',dateFmt:'yyyy-MM-dd HH:mm:ss'})" 
									2.B  缺陷:onfocus
									关键控制显示的值.否则,onclick变为1900年的.
									--%>
								
								

									类别体系:
								
								

									
									
									 
								
							
						

					
 
					

						 
							
						<%--全都屏蔽了. 
						
						
						<%-- 
						--%>

					
				
		
	



	

		
数据
		
图表
	
	

 <%--ul_top_cont end | 与中间数据ui_content并列的 --%>		
<%--中部 显示具体数据区,含分页 --%>

	

		
 <%--onclick="getTdValue()"| alert('你好')" | getTdValue(); --%>
			









								
									




							 
							
							<%--键的获取更简洁 B--%>

								<%--   
									

 --%>










							
								
序号
								
组织机构
								
注册人数
								
学习人数
								
完成人数
								
操作
							
							
										

											无相关数据
										
									
															

										 
									
 																									

									${stats.index+1}
								
								
 <%--显示市的值. --%>
									
								
								

									
										
											0
										

										
											${vc["99"] }
										
									
								
								

									
										
											0
										

										
											${vc["3"] }
										
									
								
								

									
										
											0
										

										
											${vc["4"] }
										
									
								
								

								

									下级明细

									学员明细
									
										驾校明细
									
														
								
							
																
		
 <%--中部 end --%>	
		
		<%-- ${bar } --%>
	
<%--ui_content end 原中间主要部分--%>
 <%--showMessage的div end --%>

 <%--中部数据显示 end --%>





	  <%--B.这种得到的是ids带,的String  --%>
	
	

	



	

2.common_style.css 相关属性.

/*...省略其他不相关*/
.ul_top_cont{ height: 32px; line-height: 32px; margin-bottom: 10px; background-color: #E8E8E8; }
.ul_top_cont li{ float: left; padding-left: 20px; padding-right: 20px; color: #717171; border-right-width: 1px; border-right-style: solid; 

border-right-color: #FFFFFF; } /*未选中的为灰色的*/
.ul_top_cont li.select{ background: #fff; font-weight: bold; color: #333; } /*选中的白色的罢了*/
/*...省略其他不相关*/