zdd 6 years ago
parent
commit
69f13a44fc

+ 84 - 7
CZKJ.GBRS2.WebMVC/Views/Shared/Components/Header/Default.cshtml

@@ -1,5 +1,4 @@
1
-@model HeaderModel
2
-<!-- nav -->
1
+ <!-- nav -->
3 2
 <div class="navBefore">
4 3
     <div class="w">
5 4
         <span class="fl">欢迎来到国宝人寿官网网站</span>
@@ -42,11 +41,26 @@
42 41
                     产品中心
43 42
                 </a>
44 43
                 <ul class="childNav">
45
-                    <li><a href="">产品一</a></li>
46
-                    <li><a href="">媒体聚焦</a></li>
47
-                    <li><a href="">行业资讯</a></li>
48
-                    <li><a href="">政策法规</a></li>
49
-                    <li><a href="">社会责任</a></li>
44
+                    <li class="">
45
+                        <a href="">产品一<img src="/assets/homeImg/navArraw.png" alt=""></a>
46
+                        <ul class="granNav">
47
+                            <li><a href="">产品一里面</a></li>
48
+                            <li><a href="">产品一里面</a></li>
49
+                            <li><a href="">产品一里面</a></li>
50
+                            <li><a href="">产品一里面</a></li>
51
+                        </ul>
52
+
53
+                    </li>
54
+                    <li>
55
+                        <a href="">产品二<img src="/assets/homeImg/navArraw.png" alt=""></a>
56
+                        <ul class="granNav">
57
+                            <li><a href="">产品二里面</a></li>
58
+                            <li><a href="">产品二里面</a></li>
59
+                            <li><a href="">产品二里面</a></li>
60
+                            <li><a href="">产品二里面</a></li>
61
+                        </ul>
62
+                    </li>
63
+
50 64
                 </ul>
51 65
             </li>
52 66
             <li class="navItem">
@@ -76,4 +90,67 @@
76 90
             <button class="b">搜索</button>
77 91
         </div>
78 92
     </div>
93
+</div>
94
+
95
+<!-- 移动导航 -->
96
+<div class="mobileNav">
97
+    <img class="logo" src="/assets/homeImg/webhome/logo.png" alt="logo" />
98
+    <div class="menu">
99
+        <div class="lines">
100
+            <span></span>
101
+            <span></span>
102
+            <span></span>
103
+        </div>
104
+        <ul class="menuList">
105
+            <div class="mSearch">
106
+                <input type="text" placeholder="搜索关键字">
107
+            </div>
108
+
109
+            <li class="menuItem">
110
+                <a class="c" href="">首页</a>
111
+            </li>
112
+            <li class="menuItem">
113
+                <a href="javascript:void(0);">新闻中心</a>
114
+                <ul class="menuChild">
115
+                    <li class="childItem">
116
+                        <a href="/123">国宝动态</a>
117
+                    </li>
118
+                    <li class="childItem">
119
+                        <a href="/">媒体聚焦</a>
120
+                    </li>
121
+                    <li class="childItem">
122
+                        <a href="/">行业资讯</a>
123
+                    </li>
124
+                </ul>
125
+            </li>
126
+            <li class="menuItem">
127
+                <a href="javascript:void(0);">产品中心</a>
128
+                <ul class="menuChild">
129
+                    <li class="childItem">
130
+                        <a href="/123">产品一</a>
131
+                    </li>
132
+                    <li class="childItem">
133
+                        <a href="/">产品一</a>
134
+                    </li>
135
+                    <li class="childItem">
136
+                        <a href="/">产品一</a>
137
+                    </li>
138
+                </ul>
139
+            </li>
140
+            <li class="menuItem">
141
+                <a href="">客户服务</a>
142
+            </li>
143
+            <li class="menuItem">
144
+                <a href="">关于我们</a>
145
+            </li>
146
+            <li class="menuItem">
147
+                <a href="">人才招聘</a>
148
+            </li>
149
+            <li class="menuItem">
150
+                <a href="">公开信息披露</a>
151
+            </li>
152
+
153
+        </ul>
154
+    </div>
155
+
79 156
 </div>

File diff suppressed because it is too large
+ 1802 - 1535
CZKJ.GBRS2.WebMVC/wwwroot/assets/css/newsIndex.css


BIN
CZKJ.GBRS2.WebMVC/wwwroot/assets/homeImg/navArraw.png


+ 14 - 8
CZKJ.GBRS2.WebMVC/wwwroot/assets/js/common.js

@@ -169,15 +169,21 @@ $('.mSearch input').keydown(function (code) {
169 169
         alert($(this).val())
170 170
     }
171 171
 })
172
-//    pc导航
172
+
173
+//pc导航
173 174
 $('.navItem').hover(function () {
174 175
     $(this).siblings().find('.childNav').hide();
175
-    $(this).find('.childNav').slideDown().parents('.navItem').siblings().find('.childNav').hide();
176
-})
177
-$('.navList').hover(null, function () {
178
-    $('.childNav').hide();
176
+    $(this).find('.childNav').fadeIn().parents('.navItem').siblings().find('.childNav').hide().find('.granNav').hide();
177
+}, function () {
178
+    $(this).find('.childNav').hide();
179
+    $(this).find('.granNav').hide()
179 180
 })
180
-$('.childNav').hover(null, function () {
181
-    $('.childNav').hide();
182
-})  
181
+//pc 三级
182
+$('.childNav>li').hover(function () {
183
+    $(this).addClass('cur').siblings().removeClass('cur');
184
+    $(this).find('.granNav').slideDown();
185
+}, function () {
186
+    $(this).find('.granNav').slideUp();
187
+    $(this).removeClass('cur').siblings().removeClass('cur');
188
+}) 
183 189
 

+ 1 - 1
CZKJ.GBRS2.WebMVC/wwwroot/assets/js/newIndex.js

@@ -211,7 +211,7 @@ $('.donatePop').click(function (event) {
211 211
 
212 212
 function statusNum() {
213 213
     var n = Number($('.donateWrap .num').html());
214
-    if (n != NaN) {
214
+    if (n !== "NaN") {
215 215
         var t = 0;
216 216
         var numTime = setInterval(function () {
217 217
             t++;