jacknudt
/
socialforge
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

二级导航调整

This commit is contained in:
Tim 2016-05-04 14:08:57 +08:00
parent daa154db02
commit 714deebe21
2 changed files with 33 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
app/views/layouts/base_sub_domain.html.erb
View File

@ -32,11 +32,17 @@
<script>
$(document).ready(function(){
$(".nav-element, .sn-grey-opacity").mouseover(function(){
$(".sn-grey-opacity").show();
});
$(".nav-element, .sn-grey-opacity").mouseout(function(){
$(".sn-grey-opacity").hide();
$(".nav-element").mouseover(function(){
$(this).next().show();
});
$(".sn-grey-opacity").mouseover(function(){
$(this).show();
});
$(".nav-element").mouseout(function(){
$(this).next().hide();
});
$(".sn-grey-opacity").mouseout(function(){
$(this).hide();
});
});
</script>
@ -83,15 +89,15 @@
<% if is_default_field?(field) %>
<% case field.name %>
<% when 'activity' %>
<li class="nav-element">
<li class="nav-element-default">
<%= link_to "首页", organization_path(@organization), :class => "sn-link-white" %>
</li>
<% when 'course' %>
<li class="nav-element">
<li class="nav-element-default">
<a href="#course_<%= field.id %>" class="sn-link-white"> 课程动态</a>
</li>
<% when 'project' %>
<li class="nav-element">
<li class="nav-element-default">
<a href="#project_<%= field.id %>" class="sn-link-white">项目动态</a>
</li>
<% end %>
@ -100,8 +106,20 @@
<li class="nav-element">
<a href="#message_<%= field.id %>" class="sn-link-white"><%= field.name %></a>
</li>
6666666666666
<!--二级目录-->
<div class="sn-row sn-subnav-position sn-grey-opacity" style="display:none;">
<ul class="sn-sub-nav">
<li><a href="javascript:void(0);" class="sn-link-grey">简介</a></li>
<li class="sn-subnav-slice">|</li>
<li><a href="javascript:void(0);" class="sn-link-grey">仿真数据</a></li>
<li class="sn-subnav-slice">|</li>
<li><a href="javascript:void(0);" class="sn-link-grey">实测数据</a></li>
<li class="sn-subnav-slice">|</li>
<li><a href="javascript:void(0);" class="sn-link-grey">测试场景</a></li>
<li class="sn-subnav-slice">|</li>
<li><a href="javascript:void(0);" class="sn-link-grey">数据定制</a></li>
</ul>
</div>
<% elsif field.field_type == "Resource" && field.hide == 0 %>
<li class="nav-element">
<a href="#resource_<%= field.id %>" class="sn-link-white"><%= field.name %></a>
@ -116,20 +134,6 @@
<% end %>
</ul>
</div>
<!--二级目录-->
<div class="sn-row sn-p-absolute sn-grey-opacity" style="display:none; z-index:99;">
<ul class="sn-sub-nav">
<li><a href="javascript:void(0);" class="sn-link-grey">简介</a></li>
<li class="sn-subnav-slice">|</li>
<li><a href="javascript:void(0);" class="sn-link-grey">仿真数据</a></li>
<li class="sn-subnav-slice">|</li>
<li><a href="javascript:void(0);" class="sn-link-grey">实测数据</a></li>
<li class="sn-subnav-slice">|</li>
<li><a href="javascript:void(0);" class="sn-link-grey">测试场景</a></li>
<li class="sn-subnav-slice">|</li>
<li><a href="javascript:void(0);" class="sn-link-grey">数据定制</a></li>
</ul>
</div>
<div class="sn-row">
<div class="sn-banner"><img src="/images/sn_banner.jpg" width="1200" height="210" alt="banner image" /></div>
</div>

9
public/stylesheets/org2.css
View File

@ -65,9 +65,10 @@ a.sn-link-select {color:#809df9;}
.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; padding-top:11px; padding-bottom:12px; margin-right:50px;}
.sn-nav li a {display:inline-block; padding:8px 6px; border-radius:5px;}
.sn-nav li a:hover {background-color:#809df9;}
.nav-element-default, .nav-element {float:left; padding-top:11px; padding-bottom:12px; margin-right:50px;}
.nav-element-default a, .nav-element a {display:inline-block; padding:8px 6px; border-radius:5px;}
.nav-element-default a:hover, .nav-element a:hover {background-color:#809df9;}
.sn-subnav-position {position:fixed; left:0; top:199px; z-index:99;}
.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;}
@ -169,7 +170,7 @@ a:hover.sn-newslist-reply,a:hover.sn-newslist-zan{ color:#379be9;}
/* 内页新闻展示 */
.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-pcon{text-indent:2em; overflow:hidden;}
.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;}