提交 06e05d51 authored 作者: panwy's avatar panwy

修改首页导航栏 搜索框背景色

上级 7e6a4ba7
......@@ -2,7 +2,7 @@
<div class="Tright">
<span class="call">服务热线:20012204525</span>
<div class="Search">
<input type="text" class="input" placeholder="产品搜索">
<input type="text" class="input" placeholder="产品搜索" autocomplete="off">
<input type="button" class="btn">
</div>
<div class="clear"></div>
......
......@@ -54,7 +54,7 @@ input,textarea{outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: bord
.Menu .list li.on a,.Menu .list li:hover a{background: #01726a;}
.Menu .Search{border: 1px solid #fff; position: absolute; width: 307px; height: 43px; background: #959595; right: 0px; top: 50%; margin-top: -21px;}
.Menu .Search .input{height: 43px;}
.Menu .Search .input::placeholder{color: #d4d4d4;}
.Menu .Search .input::placeholder{color: #d4d4d4;background: #000;}
.Menu .Search .btn{background-image: url(../images/btn2.png);}
......@@ -114,7 +114,7 @@ input,textarea{outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: bord
.Nav li{float:left; width: 20%; position:relative;}
.Nav li .am{display:block; font-size:18px; line-height:38px; text-align: center; padding-bottom: 20px; color:#fff; transition: 500ms;}
.Nav li:hover .am,.Nav li.active .am{background: #01726a;}
.Nav li .SubNav{position:absolute; left:0; top:100%; z-index:999; width:110%; display:none; background:url(../images/opacity.png) repeat; padding:22px 0;}
.Nav li .SubNav{position:absolute; left:0; top:100%; z-index:999; width:100%; display:none; background:url(../images/opacity.png) repeat; padding:22px 0;}
.Nav li .SubNav a{display:block; line-height:32px; font-size:16px; color:#fff; padding: 0px 20px;}
.Nav li .SubNav a:hover{background:#01726a;}
......
......@@ -2,7 +2,7 @@
<div class="Tright">
<span class="call">服务热线:20012204525</span>
<div class="Search">
<input type="text" class="input" placeholder="产品搜索">
<input type="text" class="input" placeholder="产品搜索" autocomplete="off">
<input type="button" class="btn">
</div>
<div class="clear"></div>
......
......@@ -37,6 +37,13 @@ $(function () {
$(".Nav li i").click(function () {
$(this).parents("li").toggleClass("on").siblings().removeClass("on");
});
console.log( $("#nav" + navID));
$(".Nav li").hover(function () {
$(this).addClass('active').siblings().removeClass('active')
},function (params) {
$("#nav" + navID).addClass('active').siblings().removeClass('active')
});
var _width = $(window).width();
if (_width > 998) {
$(".Nav li").mousemove(function () {
......
......@@ -3,7 +3,7 @@
<span class="call">服务热线:{{$sites->cust_hotline}}</span>
<form action="{{url('product')}}" method="GET">
<div class="Search">
<input type="text" class="input" name="search" placeholder="产品搜索">
<input type="text" class="input" name="search" placeholder="产品搜索" autocomplete="off">
<input type="submit" class="btn" value="">
</div>
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑!
请 注册 或者 后发表评论