更新静态文件

public/assets/index/css/style.css

@@ -602,3 +602,166 @@ p{text-align:justify}
     height: 1.3rem;
     margin: 1rem .5rem 0 0;
 }
+
+/*详情*/
+.details {
+    overflow: hidden;
+}
+.page-left {
+    width: 280px;
+    float: left;
+    background: #fff;
+}
+.page-right {
+    width: 900px;
+    float: right;
+    margin-left: 20px;
+    margin-top: 20px;
+}
+.pagelist h1 {
+    color: #fff;
+    height: 45px;
+    line-height: 45px;
+    font-size: 18px;
+    font-weight: 600;
+    background: #016ad2;
+    padding-left: 20px;
+    margin-top: 20px;
+}
+.pagelist .listbox {
+    border: 1px solid #efefef;
+    margin: 20px 0;
+}
+.pagelist li {
+    border-top: 1px solid #efefef;
+    border-bottom: 1px solid #efefef;
+    margin-top: -1px;
+}
+.pagelist li a {
+    height: 35px;
+    line-height: 35px;
+    display: block;
+    background: url(../images/sanjiao2.png) 220px 14px no-repeat #fafafa;
+    font-size: 14px;
+    color: #333;
+    padding-left: 20px;
+}
+.pagelist li a:hover,
+.pagelist li.active>a {
+    background: url(../images/sanjiao.png) 218px 14px no-repeat #fafafa;
+    font-weight: bold;
+}
+.pagelujing {
+    height: 40px;
+    border-bottom: 2px solid #efefef;
+    position: relative;
+    margin-bottom: 14px;
+}
+.pagelujing .name {
+    position: absolute;
+    left: 0;
+    top: 0;
+    height: 40px;
+    border-bottom: 2px solid #016bd2;
+    line-height: 40px;
+    font-size: 16px;
+    font-weight: bold;
+}
+.pagelujing span {
+    position: absolute;
+    right: 0;
+    line-height: 40px;
+    color: #888;
+}
+.tcdPageCode {
+    padding: 15px 20px;
+    text-align: left;
+    color: #ccc;
+    text-align: center;
+    margin-top: 30px;
+}
+.tcdPageCode span.disabled {
+    display: inline-block;
+    height: 25px;
+    line-height: 25px;
+    padding: 0 10px;
+    margin: 0 2px;
+    color: #bfbfbf;
+    background: #f2f2f2;
+    border: 1px solid #bfbfbf;
+    border-radius: 4px;
+    vertical-align: middle;
+}
+.tcdPageCode span.current {
+    display: inline-block;
+    height: 25px;
+    line-height: 25px;
+    padding: 0 10px;
+    margin: 0 2px;
+    color: #fff;
+    background-color: #428bca;
+    border: 1px solid #428bca;
+    border-radius: 4px;
+    vertical-align: middle;
+}
+.tcdPageCode a {
+    display: inline-block;
+    color: #428bca;
+    display: inline-block;
+    height: 25px;
+    line-height: 25px;
+    padding: 0 10px;
+    border: 1px solid #ddd;
+    margin: 0 2px;
+    border-radius: 4px;
+    vertical-align: middle;
+}
+.newslist li {
+    border-bottom: 1px dotted #dedede;
+    position: relative;
+    padding: 0 80px 0 14px;
+    background: url(../images/jiantou.png) 2px 15px no-repeat;
+}
+.newslist li a {
+    display: block;
+    height: 36px;
+    width: 100%;
+    line-height: 36px;
+    font-size: 14px;
+    color: #666;
+    word-break: break-all;
+    display: -webkit-box;
+    -webkit-line-clamp: 1;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}
+.newslist li span {
+    position: absolute;
+    right: 0;
+    top: 0;
+    line-height: 36px;
+    color: #bbb;
+    text-align: center;
+}
+.biaoti {
+    font-size: 18px;
+    color: #333;
+    text-align: center;
+    margin: 0 20px;
+    font-weight: 600;
+    margin-top: 30px;
+}
+.sshuomign {
+    color: #888;
+    font-size: 12px;
+    line-height: 30px;
+    text-align: center;
+}
+.article_txt {
+    font-size: 14px;
+    line-height: 28px;
+    color: #454545;
+    margin: 20px 0;
+    overflow: hidden;
+    text-align: center;
+}

public/assets/index/js/Tabs.js

@@ -0,0 +1,106 @@
+
+(function($){
+	
+	$.fn.rTabs = function(options){
+		
+		//默认值
+		var defaultVal = {
+			btnClass:'.j-tab-nav',	/*按钮的父级Class*/
+			conClass:'.j-tab-con',	/*内容的父级Class*/
+			bind:'hover',	/*事件参数 click,hover*/
+			animation:'0',	/*动画方向 left,up,fadein,0 为无动画*/
+			speed:300, 	/*动画运动速度*/
+			delay:200,	/*Tab延迟速度*/
+			auto:true,	/*是否开启自动运行 true,false*/
+			autoSpeed:8000	/*自动运行速度*/
+		};
+		
+		//全局变量
+		var obj = $.extend(defaultVal, options),
+			evt = obj.bind,
+			btn = $(this).find(obj.btnClass),
+			con = $(this).find(obj.conClass),
+			anim = obj.animation,
+			conWidth = con.width(),
+			conHeight = con.height(),
+			len = con.children().length,
+			sw = len * conWidth,
+			sh = len * conHeight,
+			i = 0,
+			len,t,timer;
+
+		return this.each(function(){
+			
+			//判断动画方向
+			function judgeAnim(){
+				var w = i * conWidth,
+					h = i * conHeight;
+				btn.children().removeClass('current').eq(i).addClass('current');
+				switch(anim){
+					case '0':
+					con.children().hide().eq(i).show();
+					break;
+					case 'left':
+					con.css({position:'absolute',width:sw}).children().css({float:'left',display:'block'}).end().stop().animate({left:-w},obj.speed);
+					break;
+					case 'up':
+					con.css({position:'absolute',height:sh}).children().css({display:'block'}).end().stop().animate({top:-h},obj.speed);
+					break;
+					case 'fadein':
+					con.children().hide().eq(i).fadeIn();
+					break;
+				}
+			}
+			
+			//判断事件类型
+			if(evt == "hover"){
+				btn.children().hover(function(){
+					var j = $(this).index();
+					function s(){
+						i = j;
+						judgeAnim();
+					}
+					timer=setTimeout(s,obj.delay);
+				}, function(){
+					clearTimeout(timer);
+				})
+			}else{
+				btn.children().bind(evt,function(){
+					i = $(this).index();
+					judgeAnim();
+				})
+			}
+			
+			//自动运行
+			function startRun(){
+				t = setInterval(function(){
+					i++;
+					if(i>=len){
+						switch(anim){
+							case 'left':
+							con.stop().css({left:conWidth});
+							break;
+							case 'up':
+							con.stop().css({top:conHeight});
+						}	
+						i=0;
+					}
+					judgeAnim();
+				},obj.autoSpeed)
+			}
+			
+			//如果自动运行开启，调用自动运行函数
+			if(obj.auto){
+				$(this).hover(function(){
+					clearInterval(t);
+				},function(){
+					startRun();
+				})
+				startRun();
+			}
+			
+		})
+		
+	}
+	
+})(jQuery);