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; } /*选中的白色的罢了*/
/*...省略其他不相关*/