diff --git a/public/assets/index/css/style.css b/public/assets/index/css/style.css index 801dea0..744c800 100644 --- a/public/assets/index/css/style.css +++ b/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; +} diff --git a/public/assets/index/images/jiantou.png b/public/assets/index/images/jiantou.png new file mode 100644 index 0000000..7b41b61 Binary files /dev/null and b/public/assets/index/images/jiantou.png differ diff --git a/public/assets/index/images/jtt.png b/public/assets/index/images/jtt.png new file mode 100644 index 0000000..2ec30d9 Binary files /dev/null and b/public/assets/index/images/jtt.png differ diff --git a/public/assets/index/images/jtx.png b/public/assets/index/images/jtx.png new file mode 100644 index 0000000..114731e Binary files /dev/null and b/public/assets/index/images/jtx.png differ diff --git a/public/assets/index/js/Tabs.js b/public/assets/index/js/Tabs.js new file mode 100644 index 0000000..d502176 --- /dev/null +++ b/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); \ No newline at end of file