顶部导航及样式

This commit is contained in:
huang 2016-04-25 15:35:32 +08:00
parent 5b763927cc
commit 81210fd475
12 changed files with 558 additions and 94 deletions

View File

@ -27,6 +27,32 @@
tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}
});
</script>
<script type="text/javascript" src="/javascripts/jquery-1.8.3.min.js"></script><!--焦点图-->
<script type="text/javascript" src="/javascripts/koala.min.1.5.js"></script><!--焦点图-->
<script src="/javascripts/scrollPic.js"></script><!--滚动-->
<script>
window.onload = function(){
scrollPic();
}
function scrollPic() {
var scrollPic = new ScrollPic();
scrollPic.scrollContId = "scrollPic"; //内容容器ID
scrollPic.arrLeftId = "LeftArr";//左箭头ID
scrollPic.arrRightId = "RightArr"; //右箭头ID
scrollPic.frameWidth = 760;//显示框宽度
scrollPic.pageWidth = 760; //翻页宽度
scrollPic.speed = 10; //移动速度(单位毫秒,越小越快)
scrollPic.space = 10; //每次移动像素(单位px越大越快)
scrollPic.autoPlay = true; //自动播放
scrollPic.autoPlayTime = 3; //自动播放间隔时间(秒)
scrollPic.initialize(); //初始化
}
</script>
</head>
<!--add by huang-->
@ -53,30 +79,67 @@
</script>
<body onload="prettyPrint();">
<!--内容开始-->
<header>
<div class="sn-header">
<%= render :partial => 'organizations/org_logined_header' %>
<div class="sn-row sn-bg-white">
<div class="sn-logo"> <img src="/images/sn_logo.jpg" width="367" height="63" alt="logo" class="sn-mt13" /> <a href="javascript:void()" class="sn-search-button sn-mt28"></a>
<input type="text" class="sn-search-input sn-mt28" placeholder="搜索" />
</div>
</div>
<div class="sn-row sn-bg-blue">
<ul class="sn-nav">
<li class="nav-element"><a href="javascript:void()" class="sn-link-white">首页</a></li>
<li class="nav-element"><a href="javascript:void()" class="sn-link-white">业界动态</a></li>
<li class="nav-element"><a href="javascript:void()" class="sn-link-white">仪器资源</a></li>
<li class="nav-element"><a href="javascript:void()" class="sn-link-white">数据资源</a></li>
<li class="nav-element"><a href="javascript:void()" class="sn-link-white">专家资源</a></li>
<li class="nav-element"><a href="javascript:void()" class="sn-link-white">研究资源</a></li>
<li class="nav-element"><a href="javascript:void()" class="sn-link-white">精英培训</a></li>
<li class="nav-element"><a href="javascript:void()" class="sn-link-white">关于我们</a></li>
<li class="nav-element"><a href="javascript:void()" class="sn-link-white">北斗开源社区</a></li>
</ul>
</div>
<div class="sn-row sn-p-absolute sn-grey-opacity" style="display:block; z-index:99;">
<ul class="sn-sub-nav">
<li><a href="javascript:void()" class="sn-link-grey">简介</a></li>
<li class="sn-subnav-slice">|</li>
<li><a href="javascript:void()" class="sn-link-grey">仿真数据</a></li>
<li class="sn-subnav-slice">|</li>
<li><a href="javascript:void()" class="sn-link-grey">实测数据</a></li>
<li class="sn-subnav-slice">|</li>
<li><a href="javascript:void()" class="sn-link-grey">测试场景</a></li>
<li class="sn-subnav-slice">|</li>
<li><a href="javascript:void()" class="sn-link-grey">数据定制</a></li>
</ul>
</div>
</div>
</header>
<!--内容开始-->
<div class="sn-content">
<div class="sn-content-left fl">
<div class="sn-content-left fl sn-mt15">
<div class="sn-index-banner">
<!-- 代码 开始 -->
<div id="fsD1" class="focus">
<div id="D1pic1" class="fPic">
<div class="fcon" style="display: none;">
<a target="_blank" href="#"><img src="/images/banner/banner01.jpg" alt="" style="opacity: 1; "></a>
<span class="shadow"><a target="_blank" href="#">国内首个全球卫星导航系统仿真软件平台DBSim测试版上线</a></span>
<a target="_blank" href="javascript:void()"><img src="/images/banner/banner01.jpg" alt="" style="opacity: 1; "></a>
<span class="shadow"><a target="_blank" href="javascript:void()">国内首个全球卫星导航系统仿真软件平台DBSim测试版上线</a></span>
</div>
<div class="fcon" style="display: none;">
<a target="_blank" href="#"><img src="/images/banner/banner02.jpg" alt="" style="opacity: 1; "></a>
<span class="shadow"><a target="_blank" href="#">国内首个全球卫星导航系统仿真软件平台DBSim测试版上线</a></span>
<a target="_blank" href="javascript:void()"><img src="/images/banner/banner02.jpg" alt="" style="opacity: 1; "></a>
<span class="shadow"><a target="_blank" href="javascript:void()">国内首个全球卫星导航系统仿真软件平台DBSim测试版上线</a></span>
</div>
<div class="fcon" style="display: none;">
<a target="_blank" href="#"><img src="/images/banner/banner01.jpg" alt="" style="opacity: 1; "></a>
<span class="shadow"><a target="_blank" href="#">国内首个全球卫星导航系统仿真软件平台DBSim测试版上线</a></span>
<a target="_blank" href="javascript:void()"><img src="/images/banner/banner01.jpg" alt="" style="opacity: 1; "></a>
<span class="shadow"><a target="_blank" href="javascript:void()">国内首个全球卫星导航系统仿真软件平台DBSim测试版上线</a></span>
</div>
<div class="fcon" style="display: none;">
<a target="_blank" href="#"><img src="/images/banner/banner02.jpg" alt="" style="opacity: 1; "></a>
<span class="shadow"><a target="_blank" href="#">国内首个全球卫星导航系统仿真软件平台DBSim测试版上线</a></span>
<a target="_blank" href="javascript:void()"><img src="/images/banner/banner02.jpg" alt="" style="opacity: 1; "></a>
<span class="shadow"><a target="_blank" href="javascript:void()">国内首个全球卫星导航系统仿真软件平台DBSim测试版上线</a></span>
</div>
</div>
<div class="fbg">
@ -91,7 +154,7 @@
<span class="next"></span>
</div>
<script type="text/javascript">
Qfast.add('widgets', { path: "js/terminator2.2.min.js", type: "js", requires: ['fx'] });
Qfast.add('widgets', { path: "/javascripts/terminator2.2.min.js", type: "js", requires: ['fx'] });
Qfast(false, 'widgets', function () {
K.tabs({
id: 'fsD1', //焦点图包裹id
@ -112,11 +175,11 @@
</div>
<!--news star-->
<div class="sn-index-leftbox">
<h2 class="h2-title">业界动态<a href="#" target="_blank" class="more">更多</a></h2>
<h2 class="h2-title">业界动态<a href="javascript:void()" target="_blank" class="more">更多</a></h2>
<div class="cl"></div>
<div class="sn-news-bigbox fl">
<a href="#" target="_blank" class="sn-news-bigimg"><img src="/images/news/img-news-big.jpg" width="380" height="165" alt=""/></a>
<h3><a href="#" target="_blank" class="h3-title">北斗开放实验室迎湖南省省直机关领导调研参观</a></h3>
<a href="javascript:void()" target="_blank" class="sn-news-bigimg"><img src="/images/news/img-news-big.jpg" width="380" height="165" alt=""/></a>
<h3><a href="javascript:void()" target="_blank" class="h3-title">北斗开放实验室迎湖南省省直机关领导调研参观</a></h3>
<span class="txt-grey">2016-04-08</span>
<div class="sn-news-txt">
<p>2016年3月27日上午湖南省经信委巡视员钟志慧湖南省发改委副主任卓群、高技处处长何志明、就业处处长周建龙等领导代表在长沙中电软件园董事长何明、总经理夏利锋的陪同来北斗开放实验室长沙分实验室调研参观。北斗开放实验室办公室主任明德祥为参观的各位领导详细介绍了北斗开放实验室运行机制及各项共享资源。北斗开放实验室长沙分实验室是由导航仪器湖南省工程研究中心、湖南矩阵电子科技有限公司及中国仪器仪表学会空间仪器分会共同建设。为进一步推动北斗资源共享、创新北斗人才培养......</p>
@ -124,26 +187,26 @@
</div>
<div class="sn-news-smallbox fl">
<div class="sn-news-small mb18">
<a href="#" target="_blank" class="sn-news-smallimg fl"><img src="/images/news/img-news-small01.jpg" width="85" height="85" alt=""/></a>
<h4><a href="#" target="_blank" class="h4-title fl mt10">北斗开放实验室迎湖南省省直机关领导调研参观</a></h4>
<a href="javascript:void()" target="_blank" class="sn-news-smallimg fl"><img src="/images/news/img-news-small01.jpg" width="85" height="85" alt=""/></a>
<h4><a href="javascript:void()" target="_blank" class="h4-title fl mt10">北斗开放实验室迎湖南省省直机关领导调研参观</a></h4>
<span class="txt-grey fl">2016-04-08</span>
<div class="cl"></div>
</div>
<div class="sn-news-small mb18">
<a href="#" target="_blank" class="sn-news-smallimg fl"><img src="/images/news/img-news-small02.jpg" width="85" height="85" alt=""/></a>
<h4><a href="#" target="_blank" class="h4-title fl mt10">北斗开放实验室迎湖南省省直机关领导调研参观</a></h4>
<a href="javascript:void()" target="_blank" class="sn-news-smallimg fl"><img src="/images/news/img-news-small02.jpg" width="85" height="85" alt=""/></a>
<h4><a href="javascript:void()" target="_blank" class="h4-title fl mt10">北斗开放实验室迎湖南省省直机关领导调研参观</a></h4>
<span class="txt-grey fl">2016-04-08</span>
<div class="cl"></div>
</div>
<div class="sn-news-small mb18">
<a href="#" target="_blank" class="sn-news-smallimg fl"><img src="/images/news/img-news-small03.jpg" width="85" height="85" alt=""/></a>
<h4><a href="#" target="_blank" class="h4-title fl mt10">北斗开放实验室迎湖南省省直机关领导调研参观</a></h4>
<a href="javascript:void()" target="_blank" class="sn-news-smallimg fl"><img src="/images/news/img-news-small03.jpg" width="85" height="85" alt=""/></a>
<h4><a href="javascript:void()" target="_blank" class="h4-title fl mt10">北斗开放实验室迎湖南省省直机关领导调研参观</a></h4>
<span class="txt-grey fl">2016-04-08</span>
<div class="cl"></div>
</div>
<div class="sn-news-small ">
<a href="#" target="_blank" class="sn-news-smallimg fl"><img src="/images/news/img-news-small04.jpg" width="85" height="85" alt=""/></a>
<h4><a href="#" target="_blank" class="h4-title fl mt10">北斗开放实验室迎湖南省省直机关领导调研参观</a></h4>
<a href="javascript:void()" target="_blank" class="sn-news-smallimg fl"><img src="/images/news/img-news-small04.jpg" width="85" height="85" alt=""/></a>
<h4><a href="javascript:void()" target="_blank" class="h4-title fl mt10">北斗开放实验室迎湖南省省直机关领导调研参观</a></h4>
<span class="txt-grey fl">2016-04-08</span>
<div class="cl"></div>
</div>
@ -153,52 +216,52 @@
<!--news end-->
<!--resources star-->
<div class="sn-index-leftbox">
<h2 class="h2-title">北斗资源<a href="#" target="_blank" class="more">更多</a></h2>
<h2 class="h2-title">北斗资源<a href="javascript:void()" target="_blank" class="more">更多</a></h2>
<div class="sn-index-resourcescon">
<div class="sn-index-resourcesbox">
<a href="#" target="_blank" class="sn-resourcesimg"><img src="/images/resources/img-resources01.jpg" width="185" height="125" alt=""/></a>
<h3><a href="#" target="_blank" class="resources-title">仪器资源</a></h3>
<a href="javascript:void()" target="_blank" class="sn-resourcesimg"><img src="/images/resources/img-resources01.jpg" width="185" height="125" alt=""/></a>
<h3><a href="javascript:void()" target="_blank" class="resources-title">仪器资源</a></h3>
<div class="resources-tagbox">
<a href="#" target="_blank" class="resources-tag">测试服务</a>
<a href="#" target="_blank" class="resources-tag">开放日</a>
<a href="#" target="_blank" class="resources-tag">仪器共享</a>
<a href="#" target="_blank" class="resources-tag">定制测试</a>
<a href="javascript:void()" target="_blank" class="resources-tag">测试服务</a>
<a href="javascript:void()" target="_blank" class="resources-tag">开放日</a>
<a href="javascript:void()" target="_blank" class="resources-tag">仪器共享</a>
<a href="javascript:void()" target="_blank" class="resources-tag">定制测试</a>
</div>
<a href="#" target="_blank" class="more-btn">更多</a>
<a href="javascript:void()" target="_blank" class="more-btn">更多</a>
</div>
<div class="sn-index-resourcesbox">
<a href="#" target="_blank" class="sn-resourcesimg"><img src="/images/resources/img-resources02.jpg" width="185" height="125" alt=""/></a>
<h3><a href="#" target="_blank" class="resources-title">数据资源</a></h3>
<a href="javascript:void()" target="_blank" class="sn-resourcesimg"><img src="/images/resources/img-resources02.jpg" width="185" height="125" alt=""/></a>
<h3><a href="javascript:void()" target="_blank" class="resources-title">数据资源</a></h3>
<div class="resources-tagbox">
<a href="#" target="_blank" class="resources-tag">仿真数据</a>
<a href="#" target="_blank" class="resources-tag">实测数据</a>
<a href="#" target="_blank" class="resources-tag">测试场景</a>
<a href="#" target="_blank" class="resources-tag">定制测试</a>
<a href="javascript:void()" target="_blank" class="resources-tag">仿真数据</a>
<a href="javascript:void()" target="_blank" class="resources-tag">实测数据</a>
<a href="javascript:void()" target="_blank" class="resources-tag">测试场景</a>
<a href="javascript:void()" target="_blank" class="resources-tag">定制测试</a>
</div>
<a href="#" target="_blank" class="more-btn">更多</a>
<a href="javascript:void()" target="_blank" class="more-btn">更多</a>
</div>
<div class="sn-index-resourcesbox">
<a href="#" target="_blank" class="sn-resourcesimg"><img src="/images/resources/img-resources03.jpg" width="185" height="125" alt=""/></a>
<h3><a href="#" target="_blank" class="resources-title">专家资源</a></h3>
<a href="javascript:void()" target="_blank" class="sn-resourcesimg"><img src="/images/resources/img-resources03.jpg" width="185" height="125" alt=""/></a>
<h3><a href="javascript:void()" target="_blank" class="resources-title">专家资源</a></h3>
<div class="resources-tagbox">
<a href="#" target="_blank" class="resources-tag">人才培养 </a>
<a href="#" target="_blank" class="resources-tag">技术咨询</a>
<a href="#" target="_blank" class="resources-tag">学术活动</a>
<a href="#" target="_blank" class="resources-tag">教学教材</a>
<a href="#" target="_blank" class="resources-tag">专家库</a>
<a href="javascript:void()" target="_blank" class="resources-tag">人才培养 </a>
<a href="javascript:void()" target="_blank" class="resources-tag">技术咨询</a>
<a href="javascript:void()" target="_blank" class="resources-tag">学术活动</a>
<a href="javascript:void()" target="_blank" class="resources-tag">教学教材</a>
<a href="javascript:void()" target="_blank" class="resources-tag">专家库</a>
</div>
<a href="#" target="_blank" class="more-btn">更多</a>
<a href="javascript:void()" target="_blank" class="more-btn">更多</a>
</div>
<div class="sn-index-resourcesbox">
<a href="#" target="_blank" class="sn-resourcesimg"><img src="/images/resources/img-resources04.jpg" width="185" height="125" alt=""/></a>
<h3><a href="#" target="_blank" class="resources-title">研究资源</a></h3>
<a href="javascript:void()" target="_blank" class="sn-resourcesimg"><img src="/images/resources/img-resources04.jpg" width="185" height="125" alt=""/></a>
<h3><a href="javascript:void()" target="_blank" class="resources-title">研究资源</a></h3>
<div class="resources-tagbox">
<a href="#" target="_blank" class="resources-tag">微小课题</a>
<a href="#" target="_blank" class="resources-tag">开源代码</a>
<a href="#" target="_blank" class="resources-tag">辅助工具</a>
<a href="#" target="_blank" class="resources-tag">技术共享</a>
<a href="javascript:void()" target="_blank" class="resources-tag">微小课题</a>
<a href="javascript:void()" target="_blank" class="resources-tag">开源代码</a>
<a href="javascript:void()" target="_blank" class="resources-tag">辅助工具</a>
<a href="javascript:void()" target="_blank" class="resources-tag">技术共享</a>
</div>
<a href="#" target="_blank" class="more-btn">更多</a>
<a href="javascript:void()" target="_blank" class="more-btn">更多</a>
</div>
<div class="cl"></div>
</div>
@ -206,16 +269,16 @@
<!--resources end-->
<!--partner star-->
<div class="sn-index-leftbox">
<h2 class="h2-title">合作伙伴<a href="#" target="_blank" class="more">更多</a></h2>
<h2 class="h2-title">合作伙伴<a href="javascript:void()" target="_blank" class="more">更多</a></h2>
<div class="sn-index-partnerbox " >
<ul id="scrollPic" >
<li>
<a href="#" target="_blank" class="partnerimg"><img src="/images/partner/img-dhyq.jpg" width="363" height="43" alt=""/></a>
<a href="#" target="_blank" class="partnerimg"><img src="/images/partner/img-qhdx.jpg" width="363" height="43" alt=""/></a>
<a href="javascript:void()" target="_blank" class="partnerimg"><img src="/images/partner/img-dhyq.jpg" width="363" height="43" alt=""/></a>
<a href="javascript:void()" target="_blank" class="partnerimg"><img src="/images/partner/img-qhdx.jpg" width="363" height="43" alt=""/></a>
</li>
<li>
<a href="#" target="_blank" class="partnerimg"><img src="/images/partner/img-jzdz.jpg" width="363" height="43" alt=""/></a>
<a href="#" target="_blank" class="partnerimg"><img src="/images/partner/img-zgdz.jpg" width="363" height="43" alt=""/></a>
<a href="javascript:void()" target="_blank" class="partnerimg"><img src="/images/partner/img-jzdz.jpg" width="363" height="43" alt=""/></a>
<a href="javascript:void()" target="_blank" class="partnerimg"><img src="/images/partner/img-zgdz.jpg" width="363" height="43" alt=""/></a>
</li>
</ul>
<div class="cl"></div>
@ -231,27 +294,27 @@
<!--左侧 end-->
<!--右侧 star-->
<div class="sn-content-right fr">
<div class="sn-content-right fr sn-mt15">
<div class="sn-index-activebox">
<h2 class="h2-title mb18">最新活动展示<a href="#" target="_blank" class="more">更多</a></h2>
<h2 class="h2-title mb18">最新活动展示<a href="javascript:void()" target="_blank" class="more">更多</a></h2>
<div class="sn-index-active">
<a href="#" target="_blank" class="sn-activeimg"><img src="/images/active/img-active01.jpg" width="330" height="210" alt=""/></a>
<h3><a href="#" target="_blank" class="active-title">北斗第二次工作会议在北京召议在北京召开议在北京召开开</a></h3>
<a href="javascript:void()" target="_blank" class="sn-activeimg"><img src="/images/active/img-active01.jpg" width="330" height="210" alt=""/></a>
<h3><a href="javascript:void()" target="_blank" class="active-title">北斗第二次工作会议在北京召议在北京召开议在北京召开开</a></h3>
<span class="txt-grey ">2016-04-08</span>
</div>
<div class="sn-index-active">
<a href="#" target="_blank" class="sn-activeimg"><img src="/images/active/img-active02.jpg" width="330" height="210" alt=""/></a>
<h3><a href="#" target="_blank" class="active-title">北斗第二次工作会议在北京召开</a></h3>
<a href="javascript:void()" target="_blank" class="sn-activeimg"><img src="/images/active/img-active02.jpg" width="330" height="210" alt=""/></a>
<h3><a href="javascript:void()" target="_blank" class="active-title">北斗第二次工作会议在北京召开</a></h3>
<span class="txt-grey ">2016-04-08</span>
</div>
<div class="sn-index-active">
<a href="#" target="_blank" class="sn-activeimg"><img src="/images/active/img-active03.jpg" width="330" height="210" alt=""/></a>
<h3><a href="#" target="_blank" class="active-title">北斗第二次工作会议在北京召开</a></h3>
<a href="javascript:void()" target="_blank" class="sn-activeimg"><img src="/images/active/img-active03.jpg" width="330" height="210" alt=""/></a>
<h3><a href="javascript:void()" target="_blank" class="active-title">北斗第二次工作会议在北京召开</a></h3>
<span class="txt-grey ">2016-04-08</span>
</div>
<div class="sn-index-active">
<a href="#" target="_blank" class="sn-activeimg"><img src="/images/active/img-active01.jpg" width="330" height="210" alt=""/></a>
<h3><a href="#" target="_blank" class="active-title">北斗第二次工作会议在北京召开</a></h3>
<a href="javascript:void()" target="_blank" class="sn-activeimg"><img src="/images/active/img-active01.jpg" width="330" height="210" alt=""/></a>
<h3><a href="javascript:void()" target="_blank" class="active-title">北斗第二次工作会议在北京召开</a></h3>
<span class="txt-grey ">2016-04-08</span>
</div>
</div>
@ -266,34 +329,29 @@
</div>
<div class="sn-index-smallbanner">
<a href="#" target="_blank" ><img src="/images/banner-small.jpg" width="369" height="169" alt=""/></a>
<a href="javascript:void()" target="_blank" ><img src="/images/banner-small.jpg" width="369" height="169" alt=""/></a>
</div>
</div>
<!--右侧 end-->
<div class="cl"></div>
</div>
<!--内容结束-->
<footer></footer>
<%# 更新访问数,刷新的时候更新访问次数 %>
<% update_visiti_count @organization %>
<%# over %>
<div class="footer">
<div class="footer-con">
<ul>
<li><a href="<%= about_us_path %>" target="_blank" class="fl">关于我们</a></li>
<li><a href="<%= agreement_path %>" target="_blank" class="fl"> 服务协议 </a></li>
<li><a href="http://forge.trustie.net/forums/1/memos/1168" target="_blank" class="fl">帮助中心</a></li>
<li><a href="<%= forums_path(:reorder_complex=>'desc')%>" target="_blank" class="fl"> 贴吧交流</a></li>
<footer>
<!--footer-->
<div class="sn-row sn-bg-grey2">
<div class="sn-footer">
<ul class="sn-footer-link">
<li class="sn-mr50"><a href="<%= about_us_path %>" class="sn-link-white sn-f18">关于我们</a></li>
<li class="sn-mr50"><a href="<%= agreement_path %>" class="sn-link-white sn-f18">服务协议</a></li>
<li class="sn-mr50"><a href="http://forge.trustie.net/forums/1/memos/1168" class="sn-link-white sn-f18">帮助中心</a></li>
<li><a href="<%= forums_path(:reorder_complex=>'desc')%>" class="sn-link-white sn-f18">在线报名</a></li>
</ul>
<div class="cl"></div>
<p>Copyright 2007~2016 All Rights Reserved<br>湘ICP备09019772</p>
<div class="sn-contact">联系人:魏小姐 | 电 话0731-84761282 | 传 真0731-84761268 | 邮 箱office@gnssopenlab.org</div>
<div class="sn-address">地 址湖南省长沙市开福区东风路89号观园大厦23层<br />
卫星导航仿真与测试开放实验室</div>
</div>
</div>
<!--页面底部-->
<div class="cl"></div>
<div id="ajax-modal" style="display:none;"></div>
</footer>
<div id="ajax-indicator" style="display:none;">
<span><%= l(:label_loading) %></span>

View File

@ -23,9 +23,11 @@
</ul>
</div>
<% else %>
<div class="login fr" >
<a href="<%= signin_url_without_domain %>" class=" " >登录&nbsp;&nbsp;|&nbsp;</a>
<a href="<%= register_url_without_domain %>" class=" " >退出</a>
<div class="sn-row sn-bg-grey">
<div class="sn-login">
<a href="<%= signin_url_without_domain %>" class="sn-link-blue">登录</a>&nbsp;&nbsp;|&nbsp;&nbsp;
<a href="<%= register_url_without_domain %>" class="sn-link-blue">注册</a>
</div>
</div>
<% end %>

Binary file not shown.

After

Width:  |  Height:  |  Size: 272 KiB

BIN
public/images/sn_banner.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 45 KiB

BIN
public/images/sn_logo.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
public/images/zan.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 233 B

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,292 @@
var sina = {
$ : function (objName) {
if (document.getElementById) {
return eval('document.getElementById("' + objName + '")')
} else {
return eval('document.all.' + objName)
}
},
isIE : navigator.appVersion.indexOf("MSIE") != -1 ? true : false,
addEvent : function (l, i, I) {
if (l.attachEvent) {
l.attachEvent("on" + i, I)
} else {
l.addEventListener(i, I, false)
}
},
delEvent : function (l, i, I) {
if (l.detachEvent) {
l.detachEvent("on" + i, I)
} else {
l.removeEventListener(i, I, false)
}
},
readCookie : function (O) {
var o = "",
l = O + "=";
if (document.cookie.length > 0) {
var i = document.cookie.indexOf(l);
if (i != -1) {
i += l.length;
var I = document.cookie.indexOf(";", i);
if (I == -1)
I = document.cookie.length;
o = unescape(document.cookie.substring(i, I))
}
};
return o
},
writeCookie : function (i, l, o, c) {
var O = "",
I = "";
if (o != null) {
O = new Date((new Date).getTime() + o * 3600000);
O = "; expires=" + O.toGMTString()
};
if (c != null) {
I = ";domain=" + c
};
document.cookie = i + "=" + escape(l) + O + I
},
readStyle : function (I, l) {
if (I.style[l]) {
return I.style[l]
} else if (I.currentStyle) {
return I.currentStyle[l]
} else if (document.defaultView && document.defaultView.getComputedStyle) {
var i = document.defaultView.getComputedStyle(I, null);
return i.getPropertyValue(l)
} else {
return null
}
}
};
//滚动图片构造函数
//UI&UE Dept. mengjia
//080623
function ScrollPic(scrollContId, arrLeftId, arrRightId, dotListId) {
this.scrollContId = scrollContId;
this.arrLeftId = arrLeftId;
this.arrRightId = arrRightId;
this.dotListId = dotListId;
this.dotClassName = "dotItem";
this.dotOnClassName = "dotItemOn";
this.dotObjArr = [];
this.pageWidth = 0;
this.frameWidth = 0;
this.speed = 10;
this.space = 10;
this.pageIndex = 0;
this.autoPlay = true;
this.autoPlayTime = 5;
var _autoTimeObj,
_scrollTimeObj,
_state = "ready";
this.stripDiv = document.createElement("DIV");
this.listDiv01 = document.createElement("DIV");
this.listDiv02 = document.createElement("DIV");
if (!ScrollPic.childs) {
ScrollPic.childs = []
};
this.ID = ScrollPic.childs.length;
ScrollPic.childs.push(this);
this.initialize = function () {
if (!this.scrollContId) {
throw new Error("必须指定scrollContId.");
return
};
this.scrollContDiv = sina.$(this.scrollContId);
if (!this.scrollContDiv) {
throw new Error("scrollContId不是正确的对象.(scrollContId = \"" + this.scrollContId + "\")");
return
};
this.scrollContDiv.style.width = this.frameWidth + "px";
this.scrollContDiv.style.overflow = "hidden";
this.listDiv01.innerHTML = this.listDiv02.innerHTML = this.scrollContDiv.innerHTML;
this.scrollContDiv.innerHTML = "";
this.scrollContDiv.appendChild(this.stripDiv);
this.stripDiv.appendChild(this.listDiv01);
this.stripDiv.appendChild(this.listDiv02);
this.stripDiv.style.overflow = "hidden";
this.stripDiv.style.zoom = "1";
this.stripDiv.style.width = "32766px";
if(-[1,]){
this.listDiv01.style.cssFloat = "left";
this.listDiv02.style.cssFloat = "left";
}else{
this.listDiv01.style.styleFloat = "left";
this.listDiv02.style.styleFloat = "left";
}
sina.addEvent(this.scrollContDiv, "mouseover", Function("ScrollPic.childs[" + this.ID + "].stop()"));
sina.addEvent(this.scrollContDiv, "mouseout", Function("ScrollPic.childs[" + this.ID + "].play()"));
if (this.arrLeftId) {
this.arrLeftObj = sina.$(this.arrLeftId);
if (this.arrLeftObj) {
sina.addEvent(this.arrLeftObj, "mousedown", Function("ScrollPic.childs[" + this.ID + "].rightMouseDown()"));
sina.addEvent(this.arrLeftObj, "mouseup", Function("ScrollPic.childs[" + this.ID + "].rightEnd()"));
sina.addEvent(this.arrLeftObj, "mouseout", Function("ScrollPic.childs[" + this.ID + "].rightEnd()"))
}
};
if (this.arrRightId) {
this.arrRightObj = sina.$(this.arrRightId);
if (this.arrRightObj) {
sina.addEvent(this.arrRightObj, "mousedown", Function("ScrollPic.childs[" + this.ID + "].leftMouseDown()"));
sina.addEvent(this.arrRightObj, "mouseup", Function("ScrollPic.childs[" + this.ID + "].leftEnd()"));
sina.addEvent(this.arrRightObj, "mouseout", Function("ScrollPic.childs[" + this.ID + "].leftEnd()"))
}
};
if (this.dotListId) {
this.dotListObj = sina.$(this.dotListId);
if (this.dotListObj) {
var pages = Math.round(this.listDiv01.offsetWidth / this.frameWidth + 0.4),
i,
tempObj;
for (i = 0; i < pages; i++) {
tempObj = document.createElement("span");
this.dotListObj.appendChild(tempObj);
this.dotObjArr.push(tempObj);
if (i == this.pageIndex) {
tempObj.className = this.dotClassName
} else {
tempObj.className = this.dotOnClassName
};
tempObj.title = "第" + (i + 1) + "页";
sina.addEvent(tempObj, "click", Function("ScrollPic.childs[" + this.ID + "].pageTo(" + i + ")"))
}
}
};
if (this.autoPlay) {
this.play()
}
};
this.leftMouseDown = function () {
if (_state != "ready") {
return
};
_state = "floating";
_scrollTimeObj = setInterval("ScrollPic.childs[" + this.ID + "].moveLeft()", this.speed)
};
this.rightMouseDown = function () {
if (_state != "ready") {
return
};
_state = "floating";
_scrollTimeObj = setInterval("ScrollPic.childs[" + this.ID + "].moveRight()", this.speed)
};
this.moveLeft = function () {
if (this.scrollContDiv.scrollLeft + this.space >= this.listDiv01.scrollWidth) {
this.scrollContDiv.scrollLeft = this.scrollContDiv.scrollLeft + this.space - this.listDiv01.scrollWidth
} else {
this.scrollContDiv.scrollLeft += this.space
};
this.accountPageIndex()
};
this.moveRight = function () {
if (this.scrollContDiv.scrollLeft - this.space <= 0) {
this.scrollContDiv.scrollLeft = this.listDiv01.scrollWidth + this.scrollContDiv.scrollLeft - this.space
} else {
this.scrollContDiv.scrollLeft -= this.space
};
this.accountPageIndex()
};
this.leftEnd = function () {
if (_state != "floating") {
return
};
_state = "stoping";
clearInterval(_scrollTimeObj);
var fill = this.pageWidth - this.scrollContDiv.scrollLeft % this.pageWidth;
this.move(fill)
};
this.rightEnd = function () {
if (_state != "floating") {
return
};
_state = "stoping";
clearInterval(_scrollTimeObj);
var fill = -this.scrollContDiv.scrollLeft % this.pageWidth;
this.move(fill)
};
this.move = function (num, quick) {
var thisMove = num / 5;
if (!quick) {
if (thisMove > this.space) {
thisMove = this.space
};
if (thisMove < -this.space) {
thisMove = -this.space
}
};
if (Math.abs(thisMove) < 1 && thisMove != 0) {
thisMove = thisMove >= 0 ? 1 : -1
} else {
thisMove = Math.round(thisMove)
};
var temp = this.scrollContDiv.scrollLeft + thisMove;
if (thisMove > 0) {
if (this.scrollContDiv.scrollLeft + thisMove >= this.listDiv01.scrollWidth) {
this.scrollContDiv.scrollLeft = this.scrollContDiv.scrollLeft + thisMove - this.listDiv01.scrollWidth
} else {
this.scrollContDiv.scrollLeft += thisMove
}
} else {
if (this.scrollContDiv.scrollLeft - thisMove <= 0) {
this.scrollContDiv.scrollLeft = this.listDiv01.scrollWidth + this.scrollContDiv.scrollLeft - thisMove
} else {
this.scrollContDiv.scrollLeft += thisMove
}
};
num -= thisMove;
if (Math.abs(num) == 0) {
_state = "ready";
if (this.autoPlay) {
this.play()
};
this.accountPageIndex();
return
} else {
this.accountPageIndex();
setTimeout("ScrollPic.childs[" + this.ID + "].move(" + num + "," + quick + ")", this.speed)
}
};
this.next = function () {
if (_state != "ready") {
return
};
_state = "stoping";
this.move(this.pageWidth, true)
};
this.play = function () {
if (!this.autoPlay) {
return
};
clearInterval(_autoTimeObj);
_autoTimeObj = setInterval("ScrollPic.childs[" + this.ID + "].next()", this.autoPlayTime * 1000)
};
this.stop = function () {
clearInterval(_autoTimeObj)
};
this.pageTo = function (num) {
if (_state != "ready") {
return
};
_state = "stoping";
var fill = num * this.frameWidth - this.scrollContDiv.scrollLeft;
this.move(fill, true)
};
this.accountPageIndex = function () {
this.pageIndex = Math.round(this.scrollContDiv.scrollLeft / this.frameWidth);
if (this.pageIndex > Math.round(this.listDiv01.offsetWidth / this.frameWidth + 0.4) - 1) {
this.pageIndex = 0
};
var i;
for (i = 0; i < this.dotObjArr.length; i++) {
if (i == this.pageIndex) {
this.dotObjArr[i].className = this.dotClassName
} else {
this.dotObjArr[i].className = this.dotOnClassName
}
}
}
};

File diff suppressed because one or more lines are too long

View File

@ -8,6 +8,13 @@ ol,ul,li{ list-style-type:none}
a:link,a:visited{color:#000;text-decoration:none;}
a:hover,a:active{color:#24366e;}
.sn-fl {float:left;}
.sn-fr {float:right;}
.sn-cl {clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden}
.sn-container {width:100%; background-color:#fff;}
.sn-p-absolute {position:absolute;}
.sn-grey-opacity {background:rgba(230, 230, 230, 0.9)!important; filter:Alpha(opacity=90); background:#e6e6e6;}
.sn-border {border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
/* 公共 */
.cl{ clear:both;}
.fl{ float:left;}
@ -15,6 +22,60 @@ a:hover,a:active{color:#24366e;}
.mb18{ margin-bottom:18px;}
.mt10{ margin-top:10px;}
.mr20{ margin-right:20px;}
.mr10{ margin-right:10px;}
/*字体,链接颜色*/
.sn-font-black {color:#000;}
.sn-font-grey {color:#b4bbbf;}
.sn-font-grey2 {color:#5e5e5e;}
.sn-font-grey3 {color:#999;}
a.sn-link-blue {color:#24366e;}
a.sn-link-white {color:#fff;}
a.sn-link-grey {color:#999;}
a.sn-link-grey:hover {color:#24366e;}
a.sn-link-grey2 {color:#888;}
a.sn-link-select {color:#809df9;}
/*字体大小*/
.sn-f14 {font-size:14px;}
.sn-f18 {font-size:18px;}
/*padding&margin*/
.sn-mt-10 {margin-left:-10px;}
.sn-mt10 {margin-top:10px;}
.sn-mt13 {margin-top:13px;}
.sn-mt15 {margin-top:15px;}
.sn-mt28 {margin-top:28px;}
.sn-mb40 {margin-bottom:40px;}
.sn-ml15 {margin-left:15px;}
.sn-ml55 {margin-left:55px;}
.sn-mr0 {margin-right:0px !important;}
.sn-mr50 {margin-right:50px;}
/*头部样式*/
.sn-header {}
.sn-row {width:100%;}
.sn-bg-grey {background-color:#f4f4f4;}
.sn-bg-grey2 {background-color:#a5a5a5;}
.sn-bg-white {background-color:#fff;}
.sn-bg-blue {background-color:#24366e;}
.sn-login {width:1200px; height:45px; line-height:45px; margin:0 auto; font-size:14px; color:#24366e; vertical-align:middle; text-align:right;}
.sn-logo {width:1200px; height:90px; line-height:90px; margin:0 auto; vertical-align:middle;}
.sn-search-input {width:328px; height:40px; font-size:16px; color:#ccc; padding-left:10px; border:1px solid #ccc; border-right:none; float:right; background-color:#fff; outline:none;}
a.sn-search-button {width:53px; height:40px; border:1px solid #ccc; border-left:none; float:right; outline:none; background:url(../images/sn_search_icon.jpg) 0 3px no-repeat;}
.sn-nav {width:1200px; height:55px; margin:0 auto; font-size:16px; position:relative; line-height:1;}
.sn-nav li {float:left; margin-top:10px; margin-right:50px; border-radius:5px;}
.sn-nav li a {display:inline-block; padding:8px 6px;}
.sn-nav li:hover {background-color:#809df9;}
.sn-sub-nav {width:1200px; margin:0 auto; font-size:14px; position:relative; line-height:1;}
.sn-sub-nav li {color:#999; float:left;}
.sn-sub-nav li a {height:40px; line-height:40px; vertical-align:middle; margin:0 5px; padding:0 5px; display:inline-block;}
.sn-sub-nav li a:hover {border-bottom:3px solid #ffbd18; height:37px;}
.sn-subnav-slice {margin:12px 5px;}
.sn-banner {width:1200px; height:210px; margin:0 auto;}
.sn-content-position {width:1200px; height:50px; line-height:50px; vertical-align:middle; font-size:14px; color:#888; margin:0 auto;}
/*footer样式*/
.sn-footer {width:1200px; height:220px; margin:0 auto; text-align:center; font-size:14px; color:#fff; line-height:normal;}
.sn-footer-link {padding:40px 0 30px 0;}
.sn-footer-link li {display:inline-block;}
.sn-contact {margin-bottom:30px;}
/* 首页内容 */
.sn-content{ width:1200px; margin:0 auto;}
.sn-content-left{ width:820px; margin-right:12px; margin-bottom:74px;}
@ -88,13 +149,57 @@ a.more-btn{ display:block; width:190px; height:30px; text-align:center; backgrou
/* 内页新闻列表 */
.sn-inner-body{ width:100%; background-color:#fff;}
.sn-innner-content{ width:1200px; margin:0 auto;}
.sn-inner-newsh2{ font-size:20px; font-weight:normal; padding-bottom:10px; border-bottom:1px dashed #eee;}
.sn-inner-newsh2{ font-size:20px; font-weight:normal; padding-bottom:5px; border-bottom:1px dashed #eee;}
.sn-circle{ margin:18px 5px 0 5px ;border:1px solid #24366e; width:5px; height:5px; -webkit-border-radius:50px; -moz-border-radius:50px; -o-border-radius:50px; border-radius:50px; }
.sn-inner-newslist ul li{ line-height:42px; font-size:15px;}
.sn-inner-newslist ul li{ line-height:42px; font-size:15px; border-bottom:1px solid #eee;}
.sn-inner-newslist a{font-size:15px; color:#888;}
.sn-inner-newslist a:hover{ color:#24366e;}
a.sn-newslist-titile{ font-size:15px;width:840px; display:block;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
a:hover.sn-newslist-reply,a:hover.sn-newslist-zan{ color:#379be9;}
.sn-inner-pages a{ display:block; font-size:12px; border:1px solid #d1d1d1; color:#999; float:left; width:30px; text-align:center; padding:3px 0; line-height:1.9; margin-right:5px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; }
.sn-inner-pages a:hover{ background-color:#24366e; color:#fff;}
a.sn-inner-pages-big{ width:50px;}
a.sn-pages-active{ background-color:#24366e; color:#fff;}
.sn-inner-pages{width:330px; margin:20px auto 10px;}
/* 内页新闻展示 */
.sn-inner-newscon{ width:1200px; padding:5px 0 50px; border-bottom:1px solid #e8e8e8; margin-bottom:30px; color:#999; font-size:14px; }
.sn-inner-pcon{text-indent:2em;}
.sn-inner-newscon img{ display:block; width:830px; margin:25px auto 5px;}
.sn-inner-psmall{ color:#999; font-size:12px; margin-bottom:15px;}
.sn-inner-imgp{ color:#000; text-align:center; margin-bottom:30px;}
a.sn-newslist-zan{ display:block; background:url(../images/zan.gif) 0 15px no-repeat; width:54px; height:28px; padding-left:12px; color:#999; }
a:hover.sn-newslist-zan{ background:url(../images/zan.gif) 0 -21px no-repeat; }
/* 留言 */
.sn-replybox{ margin-bottom:100px;}
.sn-reply-h2{ font-size:18px; font-weight:normal; color:#24366e; margin-bottom:6px;}
.sn-reply-form{ width:1200px;height:180px; border:1px solid #e8e8e8; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; background:#fff; margin-bottom:20px; }
.sn-reply-text{ width:1200px; height:130px; background:#fff; border:none; resize:none;}
.sn-reply-btnbox{border-top:1px solid #e8e8e8; height:48px;}
a.submit-btn{ display:block; color:#fff; text-align:center; font-size:14px; line-height:27px; width:79px; height:27px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; background:#24366e; margin:8px 0 0 10px;}
a:hover.submit-btn{ color:#16275c; color:#fff;}
.sn-comment-h2{ color:#999; font-size:16px; font-weight:normal; border-bottom:1px solid #e8e8e8; padding-bottom:5px;}
.sn-reply-userpic{ height:65px; margin-right:15px;}
.sn-reply-userpic img{ width:40px; height:40px;-webkit-border-radius:50px; -moz-border-radius:50px; -o-border-radius:50px; border-radius:50px;}
a.sn-reply-zan{ display:block; background:url(../images/zan.gif) 0 4px no-repeat; width:54px; height:16px; padding-left:12px; color:#999; }
a:hover.sn-reply-zan{ background:url(../images/zan.gif) 0 -32px no-repeat; }
.sn-comment-listbox{ padding:23px 0; width:1200px;border-bottom:1px solid #e8e8e8;}
a.sn-reply-username { color:#24366e; margin-right:15px; }
.sn-reply-usertxt{ width:1145px; font-size:14px; }
.sn-reply-more{ width:1200px; height:25px; background:#ddd; text-align:center; line-height:25px;}
/*用户图像*/
.topnav_login_list{ border:1px solid #eaeaea; background:#fff; padding-left:10px; padding-bottom:10px; padding-top:8px; width:60px; left:-7px; position:absolute; z-index:9999; line-height:2; box-shadow: 0px 2px 8px rgba(146, 153, 169, 0.5); margin-top: 1px;}
.topnav_login_list a{color:#269ac9;}
.topnav_login_list li{ }
.homepageProfileMenuIcon {background:url(../images/nav_icon.png) 30px -155px no-repeat; width:65px; height:54px; position:relative; display:inline-block; line-height:0;}
.homepageLeft {width:240px; float:left; margin-right:10px; margin-bottom:10px;}
.none {display: none;}
.user-img,.user-img img{ margin-right:10px; -moz-border-radius: 50px; -webkit-border-radius: 50px;border-radius: 50px; display:block; width:40px; height:40px;}
.ml60{ margin-left:60px;}
.user-img img{border:2px solid #e6473b; }
.user-img img:hover{border:2px solid #29156f;}
.fr{float: right}