Pārlūkot izejas kodu

头部导航调整,让它支持部分系统360极速浏览器

Chente 9 gadi atpakaļ
vecāks
revīzija
8999521406
4 mainītis faili ar 15 papildinājumiem un 13 dzēšanām
  1. 10 9
      css/global.css
  2. BIN
      images/partner/school-48.png
  3. 2 2
      index3.html
  4. 3 2
      js/smartcost_socus.js

+ 10 - 9
css/global.css

@@ -2107,7 +2107,7 @@ border:none
   width:16px;
   height:16px
 }
-.nav-dropdown .nav-icon{
+.nav-drop .nav-icon{
   float:right;
   margin-top:18px;
 }
@@ -2117,36 +2117,37 @@ border:none
 .nav-icon.icon-right {
   background-position: -123px -239px
 }
-.nav-dropdown {
+.nav-drop {
   position:absolute;
   background-color:#f1f1f1;
-  width:200px;
+  min-width:200px;
+  max-width:400px;
   left:0;
   z-index: 999
 }
-.nav-dropdown dt {
+.nav-drop dt {
   height:50px;
   line-height:50px;
   padding:0 20px;
   color:#2F2F2F
 }
-.nav-dropdown dt > a{
+.nav-drop dt > a{
   color:#2F2F2F;
   text-decoration: none;
   float:left;
   width:160px;
 }
-.nav-dropdown dt > a:hover {
+.nav-drop dt > a:hover {
   background:#e5e5e5;
   text-decoration: underline
 }
-.nav-dropdown dt.active{
+.nav-drop dt.active{
   background-color:#E5E5E5
 }
-.nav-dropdown dt:hover{
+.nav-drop dt:hover{
   background-color:#E5E5E5
 }
-.nav-dropdown dt.active .nav-icon{
+.nav-drop dt.active .nav-icon{
   opacity:0.2;
 }
 .nav-dropdown-content {

BIN
images/partner/school-48.png


+ 2 - 2
index3.html

@@ -19,7 +19,7 @@
 				<ul>
 					<li class="nav-main">
 						<h2>产品<span class="nav-icon icon-up"></span></h2>
-						<div class="nav-dropdown hide">
+						<div class="nav-drop nav-dropdown hide">
 							<dl>
 								<dt class="">造价软件<span class="nav-icon icon-right"></span></dt>
 								<dd class="nav-dropdown-content hide" style="height:450px">
@@ -61,7 +61,7 @@
 					</li>
 					<li class="nav-main">
 						<h2>支持<span class="nav-icon icon-up"></span></h2>
-						<div class="nav-dropdown hide">
+						<div class="nav-drop hide">
 							<dl>
 								<dt><a href="http://smartcost.com.cn/help">使用帮助</a></dt>
 							</dl>

+ 3 - 2
js/smartcost_socus.js

@@ -575,8 +575,8 @@ $(".search-icon").click(function () {
 );
 /*2.0首页菜单*/
 $(".nav-main").click(function () {
-    $(this).addClass("active").children(".nav-dropdown").slideDown("fast");
-    $(this).siblings(".nav-main").removeClass("active").children(".nav-dropdown").slideUp("fast");
+    $(this).addClass("active").children(".nav-drop").slideDown("fast");
+    $(this).siblings(".nav-main").removeClass("active").children(".nav-drop").slideUp("fast");
     }
 );
 // $(".nav-dropdown dl").click(function () {
@@ -590,6 +590,7 @@ $(".nav-dropdown dl").click(function () {
     $(this).children("dt").addClass("active").siblings(".nav-dropdown-content").show();
     var height = $(this).children("dt").addClass("active").siblings(".nav-dropdown-content").height();
     $(this).parent().height(height);
+    $(this).width(400);
     $(this).siblings("dl").children("dt").removeClass("active").siblings(".nav-dropdown-content").hide();
     }
 );