Parcourir la source

顶部二级菜单提交

wangkaiyue il y a 5 ans
Parent
commit
ff7cf864b1

+ 15 - 1
src/web/staticres/js/public-nav.js

@@ -22,8 +22,22 @@ $(function () {
 			left: $thisIndex * $thisWidth + $thisIndex * 20 + "px", //20是,margin偏移
 			"background-color":"#2cb7ca"
 		});
+		// $(".public-nav .items").css("display","none");
+		// if($(this).hasClass("more")){
+		// 	$(this).find(".items").css("display","");
+		// }
 	});
-	
+	$(".public-nav .jynav li").mouseover(function(){
+		if($(this).hasClass("more")){
+			$(this).find(".items").css("display","");
+		}
+	}).mouseout(function () {
+		$(".public-nav .items").css("display","none");
+	});
+
+	$(".public-nav .items span").on("click",function(){
+		window.location.href=$(this).attr("attrhref");
+	})
 });
 //
 function selcetIndexNav(number) {

+ 21 - 0
src/web/staticres/pccss/public-nav-1200.css

@@ -131,4 +131,25 @@ input:-ms-input-placeholder {
   .public-nav .iner {
     width: 1200px;
   }
+}
+
+.public-nav .more{
+  height: 75px;
+}
+
+.more .items{
+  background-color: #fff;
+  width: 95px;
+  margin-left: -10px;
+  position: absolute;
+  z-index: 999;
+  border-bottom-left-radius: 5px;
+  border-bottom-right-radius: 5px;
+  transition: all 0.5s;
+}
+.more .items span{
+  white-space: nowrap;
+  line-height: 60px;
+  cursor: pointer;
+  font-size: 15px;
 }

+ 11 - 10
src/web/templates/common/pchead.html

@@ -18,14 +18,15 @@
 				<li>
 					<a href="javascript:" datahref="/front/dataExport/toSieve" id="dataExport">数据导出</a>
 				</li>
-        		<li>
-					<a href="/front/dataService.html">数据服务</a>
+                <li>
+                    <a href="/front/dataService.html">数据服务</a>
+				</li>
+				<li class="more">
+				    <a>增值服务</a>
+					<div class="items" style="display: none">
+						<span attrhref="http://www.baidu.com">招投标课程</span>
+					</div>
 				</li>
-				<!--<li>
-				<a target="_blank" href="https://open-jytest.jianyu360.cn">开放平台</a>
-					<a target="_blank" href="https://open.jianyu360.com">开放平台</a>
-				</li>-->
-        
 				<li class="slider"></li>
 			</ul>
 			<div class='useronline' id="login" style="float:left;"></div>
@@ -139,7 +140,7 @@ $("body").click(function(event){
 	}else{
 		//点击body隐藏
 		$(".infoList").hide();
-	}	
+	}
 })
 
 function openStyle(){
@@ -159,7 +160,7 @@ function commonMouseEvent(){
 		//$(this).css({
 		//	'boxShadow': '0px 0px 10px rgba(0,0,0, .15)'
 		//});
-		
+
 	}).mouseout(function(){
 		//$(this).css({
 		//	'boxShadow': 'none'
@@ -195,7 +196,7 @@ function infoListCss(){
 	    'border-width': '6px',
 	    'border-color': 'transparent transparent #e0e0e0 transparent'
 	})
-		
+
 	$('.two').css({
 		'display': 'inline-block',
 	    'width': '0px',