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

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

上级 7e6a4ba7
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<div class="Tright"> <div class="Tright">
<span class="call">服务热线:20012204525</span> <span class="call">服务热线:20012204525</span>
<div class="Search"> <div class="Search">
<input type="text" class="input" placeholder="产品搜索"> <input type="text" class="input" placeholder="产品搜索" autocomplete="off">
<input type="button" class="btn"> <input type="button" class="btn">
</div> </div>
<div class="clear"></div> <div class="clear"></div>
......
...@@ -54,7 +54,7 @@ input,textarea{outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: bord ...@@ -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 .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{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{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);} .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 ...@@ -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{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 .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: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{display:block; line-height:32px; font-size:16px; color:#fff; padding: 0px 20px;}
.Nav li .SubNav a:hover{background:#01726a;} .Nav li .SubNav a:hover{background:#01726a;}
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<div class="Tright"> <div class="Tright">
<span class="call">服务热线:20012204525</span> <span class="call">服务热线:20012204525</span>
<div class="Search"> <div class="Search">
<input type="text" class="input" placeholder="产品搜索"> <input type="text" class="input" placeholder="产品搜索" autocomplete="off">
<input type="button" class="btn"> <input type="button" class="btn">
</div> </div>
<div class="clear"></div> <div class="clear"></div>
......
...@@ -37,6 +37,13 @@ $(function () { ...@@ -37,6 +37,13 @@ $(function () {
$(".Nav li i").click(function () { $(".Nav li i").click(function () {
$(this).parents("li").toggleClass("on").siblings().removeClass("on"); $(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(); var _width = $(window).width();
if (_width > 998) { if (_width > 998) {
$(".Nav li").mousemove(function () { $(".Nav li").mousemove(function () {
......
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<span class="call">服务热线:{{$sites->cust_hotline}}</span> <span class="call">服务热线:{{$sites->cust_hotline}}</span>
<form action="{{url('product')}}" method="GET"> <form action="{{url('product')}}" method="GET">
<div class="Search"> <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=""> <input type="submit" class="btn" value="">
</div> </div>
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑!
请 注册 或者 后发表评论