北斗二级菜单显隐

app/views/layouts/base_sub_domain.html.erb

@@ -30,27 +30,15 @@
   <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>
     $(document).ready(function(){
-          scrollPic();
+        $(".nav-element, .sn-grey-opacity").mouseover(function(){
+            $(".sn-grey-opacity").show();
+        });
+        $(".nav-element, .sn-grey-opacity").mouseout(function(){
+            $(".sn-grey-opacity").hide();
+        });
     });
-      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>
@@ -126,17 +114,17 @@
       </ul>
     </div>
     <!--二级目录-->
-    <div class="sn-row sn-p-absolute sn-grey-opacity" style="display:block; z-index:99;">
+    <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()" class="sn-link-grey">简介</a></li>
+        <li><a href="javascript:void(0);" class="sn-link-grey">简介</a></li>
         <li class="sn-subnav-slice">|</li>
-        <li><a href="javascript:void()" class="sn-link-grey">仿真数据</a></li>
+        <li><a href="javascript:void(0);" class="sn-link-grey">仿真数据</a></li>
         <li class="sn-subnav-slice">|</li>
-        <li><a href="javascript:void()" class="sn-link-grey">实测数据</a></li>
+        <li><a href="javascript:void(0);" class="sn-link-grey">实测数据</a></li>
         <li class="sn-subnav-slice">|</li>
-        <li><a href="javascript:void()" class="sn-link-grey">测试场景</a></li>
+        <li><a href="javascript:void(0);" class="sn-link-grey">测试场景</a></li>
         <li class="sn-subnav-slice">|</li>
-        <li><a href="javascript:void()" class="sn-link-grey">数据定制</a></li>
+        <li><a href="javascript:void(0);" class="sn-link-grey">数据定制</a></li>
       </ul>
     </div>
     <div class="sn-row">
@@ -179,3 +167,5 @@
 </body>
 </html>
 
+
+