Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
87a0935a by 任超
Options

style:选择区域模块的完成

1 parent 1b8a59a8
Inline Side-by-side
Showing 3 changed files with 46 additions and 16 deletions
1 $('.area_list li').click(function(){
2 $(".area_list li").removeClass("active1")
3 $(this).addClass("active1");
4
5 })
6
7 $(".single_input").on("click",function(){
8 var par_label = $(this).parent();
9 if(this.checked){
10 $(".input_label").removeClass("choose_radioed").addClass("choose_radio");
11 par_label.removeClass("choose_radio").addClass("choose_radioed");
12 }else{
13 }
14 });
15
1 layui.use('element', function () { 16 layui.use('element', function () {
2 let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块 17 let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
3 //监听导航点击 18 //监听导航点击
......
...@@ -71,6 +71,13 @@ ...@@ -71,6 +71,13 @@
71 text-align: center; 71 text-align: center;
72 line-height: 32px; 72 line-height: 32px;
73 margin-bottom: 10px; 73 margin-bottom: 10px;
74 cursor: pointer;
75 }
76 .selectCity .area_list li:hover {
77 background-color: #FFB800;
78 }
79 .active1 {
80 background-color: #FFB800!important;
74 } 81 }
75 .select_officehall { 82 .select_officehall {
76 width: 1200px; 83 width: 1200px;
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 <html lang="en"> 2 <html lang="en">
3 3
4 <head> 4 <head>
5 <title>选择区域</title> 5 <title>我的预约-选择区域</title>
6 <meta charset="UTF-8"> 6 <meta charset="UTF-8">
7 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 7 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
8 <meta name="format-detection" content="telephone=no"> 8 <meta name="format-detection" content="telephone=no">
...@@ -24,15 +24,23 @@ ...@@ -24,15 +24,23 @@
24 <div class="main"> 24 <div class="main">
25 <div class="subject top-logo"> 25 <div class="subject top-logo">
26 <div class="top_logo_content"> 26 <div class="top_logo_content">
27 <h1><a href="index.html"><img src="./../../staticImages/logo.jpg" alt="西安市不动产登记平台" /></a></h1> 27 <h1><a href="index.html" title="西安市不动产登记平台"><img src="./../../staticImages/logo.jpg" alt="西安市不动产登记平台" /></a></h1>
28 <div class="top_logo_search"> 28 <div class="top_logo_search">
29 <input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索" 29 <input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索"
30 autocomplete="off" class="layui-input"> 30 autocomplete="off" class="layui-input">
31 <i class="layui-icon layui-icon-search" style="font-size: 14px;"></i> 31 <i class="layui-icon layui-icon-search" style="font-size: 14px;"></i>
32 </div> 32 </div>
33 <ul class="login"> 33 <ul class="login">
34 <li>登录</li> 34 <li>
35 <li>注册</li> 35 <a href="" title="登录">
36 登录
37 </a>
38 </li>
39 <li>
40 <a href="" title="注册">
41 注册
42 </a>
43 </li>
36 </ul> 44 </ul>
37 </div> 45 </div>
38 </div> 46 </div>
...@@ -58,9 +66,9 @@ ...@@ -58,9 +66,9 @@
58 <div class="navigation_crumbs"> 66 <div class="navigation_crumbs">
59 <div class="contentBox"> 67 <div class="contentBox">
60 <span class="layui-breadcrumb"> 68 <span class="layui-breadcrumb">
61 <a href="../../staticIndex.html">首页</a> 69 <a href="../../staticIndex.html" title="首页">首页</a>
62 <a href="../grzx/index.html">个人中心</a> 70 <a href="../grzx/index.html" title="个人中心">个人中心</a>
63 <a><cite>我的预约</cite></a> 71 <a title="我的预约"><cite>我的预约</cite></a>
64 </span> 72 </span>
65 </div> 73 </div>
66 </div> 74 </div>
...@@ -147,27 +155,27 @@ ...@@ -147,27 +155,27 @@
147 <div class="system_service"> 155 <div class="system_service">
148 <ul class=""> 156 <ul class="">
149 <li> 157 <li>
150 <a href=""> 158 <a href="" title="公示公告">
151 <span>公示公告</span> 159 <span>公示公告</span>
152 </a> 160 </a>
153 </li> 161 </li>
154 <li> 162 <li>
155 <a href=""> 163 <a href="" title="法律法规">
156 <span>法律法规</span> 164 <span>法律法规</span>
157 </a> 165 </a>
158 </li> 166 </li>
159 <li> 167 <li>
160 <a href=""> 168 <a href="" title="相应政策">
161 <span>相应政策</span> 169 <span>相应政策</span>
162 </a> 170 </a>
163 </li> 171 </li>
164 <li> 172 <li>
165 <a href=""> 173 <a href="" title="下载服务">
166 <span>下载服务</span> 174 <span>下载服务</span>
167 </a> 175 </a>
168 </li> 176 </li>
169 <li> 177 <li>
170 <a href=""> 178 <a href="" title="关于我们">
171 <span>关于我们</span> 179 <span>关于我们</span>
172 </a> 180 </a>
173 </li> 181 </li>
...@@ -175,8 +183,8 @@ ...@@ -175,8 +183,8 @@
175 </div> 183 </div>
176 <div class="subject"> 184 <div class="subject">
177 <div class="footer_logo"> 185 <div class="footer_logo">
178 <a href=""> 186 <a href="" title="党政机关">
179 <img src="./../../staticImages/jiguan.png"> 187 <img src="./../../staticImages/jiguan.png" alt="党政机关" />
180 </a> 188 </a>
181 </div> 189 </div>
182 <ul> 190 <ul>
...@@ -201,11 +209,11 @@ ...@@ -201,11 +209,11 @@
201 </ul> 209 </ul>
202 <ol> 210 <ol>
203 <li> 211 <li>
204 <img src="./../../staticImages/code.png"> 212 <img src="./../../staticImages/code.png" alt="公众号" />
205 <p>扫描关注公众号</p> 213 <p>扫描关注公众号</p>
206 </li> 214 </li>
207 <li> 215 <li>
208 <img src="./../../staticImages/code.png"> 216 <img src="./../../staticImages/code.png" alt="公众号" />
209 <p>扫描关注公众号</p> 217 <p>扫描关注公众号</p>
210 </li> 218 </li>
211 </ol> 219 </ol>
......