Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
2fa0aa4f by 任超
Options

style:办事指南

1 parent 3ee806de
Inline Side-by-side
Showing 2 changed files with 94 additions and 100 deletions
1 layui.use('element', function () {
2 var element = layui.element;
3 });
4 layui.use('element', function () {
5 var element = layui.element;
6 //监听Tab切换，以改变地址hash值
7 element.on('tab(navtab)', function () {
8 if (this.getAttribute('lay-id') == 1) {
9 $("body,html").animate({ scrollTop: $(".tudi").offset().top });
10 $(".online_business h2").removeClass('titleActive')
11 $(".tudi .online_business h2").addClass('titleActive')
12 } else if (this.getAttribute('lay-id') == 2) {
13 $("body,html").animate({ scrollTop: $(".jianzhu").offset().top });
14 $(".online_business h2").removeClass('titleActive')
15 $(".jianzhu .online_business h2").addClass('titleActive')
16 } else if (this.getAttribute('lay-id') == 3) {
17 $("body,html").animate({ scrollTop: $(".linmu").offset().top });
18 $(".online_business h2").removeClass('titleActive')
19 $(".linmu .online_business h2").addClass('titleActive')
20 } else if (this.getAttribute('lay-id') == 4) {
21 $("body,html").animate({ scrollTop: $(".qita").offset().top });
22 $(".online_business h2").removeClass('titleActive')
23 $(".qita .online_business h2").addClass('titleActive')
24 } else {
25 $("body,html").animate({ scrollTop: 0 });
26 $(".online_business h2").removeClass('titleActive')
27 }
28 });
29 element.on('tab(navtab1)', function () {
30 if (this.getAttribute('lay-id') == 1) {
31 $("body,html").animate({ scrollTop: $(".tudi1").offset().top });
32 $(".navtab1 h2").removeClass('titleActive')
33 $(".tudi1 .navtab1 h2").addClass('titleActive')
34 } else if (this.getAttribute('lay-id') == 2) {
35 $("body,html").animate({ scrollTop: $(".jianzhu1").offset().top });
36 $(".navtab1 h2").removeClass('titleActive')
37 $(".jianzhu1 .navtab1 h2").addClass('titleActive')
38 } else if (this.getAttribute('lay-id') == 3) {
39 $("body,html").animate({ scrollTop: $(".linmu1").offset().top });
40 $(".navtab1 h2").removeClass('titleActive')
41 $(".linmu1 .navtab1 h2").addClass('titleActive')
42 } else {
43 $("body,html").animate({ scrollTop: 0 });
44 $(".navtab1 h2").removeClass('titleActive')
45 }
46 });
47 });
48 layui.use('util', function () {
49 let util = layui.util;
50 //执行
51 util.fixbar({
52 bar1: true,
53 bar2: true,
54 top: true
55 , click: function (type) {
56 console.log(type);
57 if (type === 'bar1') {
58 alert('点击了bar1')
59 }
60 }
61 });
62 });
...\ No newline at end of file ...\ No newline at end of file
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 <html lang="zh-cn"> 2 <html lang="zh-cn">
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">
...@@ -16,22 +16,27 @@ ...@@ -16,22 +16,27 @@
16 <link rel="stylesheet" type="text/css" href="../../staticLib/layui/css/layui.css" /> 16 <link rel="stylesheet" type="text/css" href="../../staticLib/layui/css/layui.css" />
17 <link rel="stylesheet" type="text/css" href="css/index.css"> 17 <link rel="stylesheet" type="text/css" href="css/index.css">
18 </head> 18 </head>
19
20 <body> 19 <body>
21 <div class="business_guide"> 20 <div class="business_guide">
22 <div class="subject top-logo"> 21 <div class="subject top-logo">
23 <div class="top_logo_content"> 22 <div class="top_logo_content">
24 <h1><a href="index.html"><img src="../../staticImages/logo.jpg" alt="西安市不动产登记平台" /></a></h1> 23 <h1><a href="index.html"><img src="../../staticImages/logo.jpg" alt="西安市不动产登记平台" /></a></h1>
25
26 <div class="top_logo_search"> 24 <div class="top_logo_search">
27 <input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索" 25 <input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索"
28 autocomplete="off" class="layui-input"> 26 autocomplete="off" class="layui-input">
29 <i class="layui-icon layui-icon-search" style="font-size: 14px;"></i> 27 <i class="layui-icon layui-icon-search" style="font-size: 14px;"></i>
30 </div> 28 </div>
31
32 <ul class="login"> 29 <ul class="login">
33 <li>登录</li> 30 <li>
34 <li>注册</li> 31 <a href="" title="登录">
32 登录
33 </a>
34 </li>
35 <li>
36 <a href="" title="注册">
37 注册
38 </a>
39 </li>
35 </ul> 40 </ul>
36 </div> 41 </div>
37 </div> 42 </div>
...@@ -57,9 +62,9 @@ ...@@ -57,9 +62,9 @@
57 <div class="navigation_crumbs"> 62 <div class="navigation_crumbs">
58 <div class="contentBox"> 63 <div class="contentBox">
59 <span class="layui-breadcrumb"> 64 <span class="layui-breadcrumb">
60 <a href="../../staticIndex.html">首页</a> 65 <a href="../../staticIndex.html" title="首页">首页</a>
61 <a href="./../bszn/index.html">办事指南</a> 66 <a href="./../bszn/index.html" title="办事指南">办事指南</a>
62 <a><cite>业务指南</cite></a> 67 <a title="业务指南"><cite>业务指南</cite></a>
63 </span> 68 </span>
64 </div> 69 </div>
65 </div> 70 </div>
...@@ -86,56 +91,56 @@ ...@@ -86,56 +91,56 @@
86 </div> 91 </div>
87 <ul class="online_list"> 92 <ul class="online_list">
88 <li> 93 <li>
89 <a href=""> 94 <a href="" title="土地转移登记">
90 <span>土地转移登记</span> 95 <span>土地转移登记</span>
91 <button type="button" 96 <button type="button"
92 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> 97 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
93 </a> 98 </a>
94 </li> 99 </li>
95 <li> 100 <li>
96 <a href=""> 101 <a href="" title="土地转移登记">
97 <span>土地转移登记</span> 102 <span>土地转移登记</span>
98 <button type="button" 103 <button type="button"
99 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> 104 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
100 </a> 105 </a>
101 </li> 106 </li>
102 <li> 107 <li>
103 <a href=""> 108 <a href="" title="土地转移登记">
104 <span>土地转移登记</span> 109 <span>土地转移登记</span>
105 <button type="button" 110 <button type="button"
106 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> 111 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
107 </a> 112 </a>
108 </li> 113 </li>
109 <li> 114 <li>
110 <a href=""> 115 <a href="" title="土地转移登记">
111 <span>土地转移登记</span> 116 <span>土地转移登记</span>
112 <button type="button" 117 <button type="button"
113 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> 118 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
114 </a> 119 </a>
115 </li> 120 </li>
116 <li> 121 <li>
117 <a href=""> 122 <a href="" title="土地转移登记">
118 <span>土地转移登记</span> 123 <span>土地转移登记</span>
119 <button type="button" 124 <button type="button"
120 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> 125 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
121 </a> 126 </a>
122 </li> 127 </li>
123 <li> 128 <li>
124 <a href=""> 129 <a href="" title="土地转移登记">
125 <span>土地转移登记</span> 130 <span>土地转移登记</span>
126 <button type="button" 131 <button type="button"
127 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> 132 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
128 </a> 133 </a>
129 </li> 134 </li>
130 <li> 135 <li>
131 <a href=""> 136 <a href="" title="土地转移登记">
132 <span>土地转移登记</span> 137 <span>土地转移登记</span>
133 <button type="button" 138 <button type="button"
134 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> 139 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
135 </a> 140 </a>
136 </li> 141 </li>
137 <li> 142 <li>
138 <a href=""> 143 <a href="" title="土地转移登记">
139 <span>土地转移登记</span> 144 <span>土地转移登记</span>
140 <button type="button" 145 <button type="button"
141 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button> 146 class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
...@@ -547,27 +552,27 @@ ...@@ -547,27 +552,27 @@
547 <div class="system_service"> 552 <div class="system_service">
548 <ul class=""> 553 <ul class="">
549 <li> 554 <li>
550 <a href=""> 555 <a href="" title="公示公告">
551 <span>公示公告</span> 556 <span>公示公告</span>
552 </a> 557 </a>
553 </li> 558 </li>
554 <li> 559 <li>
555 <a href=""> 560 <a href="" title="法律法规">
556 <span>法律法规</span> 561 <span>法律法规</span>
557 </a> 562 </a>
558 </li> 563 </li>
559 <li> 564 <li>
560 <a href=""> 565 <a href="" title="相应政策">
561 <span>相应政策</span> 566 <span>相应政策</span>
562 </a> 567 </a>
563 </li> 568 </li>
564 <li> 569 <li>
565 <a href=""> 570 <a href="" title="下载服务">
566 <span>下载服务</span> 571 <span>下载服务</span>
567 </a> 572 </a>
568 </li> 573 </li>
569 <li> 574 <li>
570 <a href=""> 575 <a href="" title="关于我们">
571 <span>关于我们</span> 576 <span>关于我们</span>
572 </a> 577 </a>
573 </li> 578 </li>
...@@ -575,8 +580,8 @@ ...@@ -575,8 +580,8 @@
575 </div> 580 </div>
576 <div class="subject"> 581 <div class="subject">
577 <div class="footer_logo"> 582 <div class="footer_logo">
578 <a href=""> 583 <a href="" title="党政机关">
579 <img src="../../staticImages/jiguan.png"> 584 <img src="../../staticImages/jiguan.png" alt="党政机关"/>
580 </a> 585 </a>
581 </div> 586 </div>
582 <ul> 587 <ul>
...@@ -601,11 +606,11 @@ ...@@ -601,11 +606,11 @@
601 </ul> 606 </ul>
602 <ol> 607 <ol>
603 <li> 608 <li>
604 <img src="../../staticImages/code.png"> 609 <img src="../../staticImages/code.png" alt="公众号" />
605 <p>扫描关注公众号</p> 610 <p>扫描关注公众号</p>
606 </li> 611 </li>
607 <li> 612 <li>
608 <img src="../../staticImages/code.png"> 613 <img src="../../staticImages/code.png" alt="公众号" />
609 <p>扫描关注公众号</p> 614 <p>扫描关注公众号</p>
610 </li> 615 </li>
611 616
...@@ -616,79 +621,6 @@ ...@@ -616,79 +621,6 @@
616 </body> 621 </body>
617 622
618 </html> 623 </html>
619 <!--[if (gte IE 9)|!(IE)]><!-->
620 <script type="text/javascript" src="../../staticLib/jquery/jquery.min.js"></script> 624 <script type="text/javascript" src="../../staticLib/jquery/jquery.min.js"></script>
621 <!--<![endif]-->
622 <script type="text/javascript" src="../../staticLib/handlebars/handlebars.min.js"></script>
623 <script type="text/javascript" src="../../staticLib/iscroll/iscroll-probe.js"></script>
624 <script type="text/javascript" src="../../staticLib/amazeui/amazeui.min.js"></script>
625 <script type="text/javascript" src="../../staticLib/raty/jquery.raty.js"></script>
626 <script type="text/javascript" src="../../staticJs/main.min.js?t=1"></script>
627 <script type="text/javascript" src="../../staticLib/layui/layui.js"></script> 625 <script type="text/javascript" src="../../staticLib/layui/layui.js"></script>
628 <script> 626 <script type="text/javascript" src="../../staticJs/bszn.js"></script>
629 //注意：导航 依赖 element 模块，否则无法进行功能性操作
630 layui.use('element', function () {
631 var element = layui.element;
632 //…
633 });
634
635 layui.use('element', function () {
636 var element = layui.element;
637 //监听Tab切换，以改变地址hash值
638 element.on('tab(navtab)', function () {
639 if(this.getAttribute('lay-id')==1){
640 $("body,html").animate({ scrollTop: $(".tudi").offset().top });
641 $(".online_business h2").removeClass('titleActive')
642 $(".tudi .online_business h2").addClass('titleActive')
643 }else if(this.getAttribute('lay-id')==2){
644 $("body,html").animate({ scrollTop: $(".jianzhu").offset().top });
645 $(".online_business h2").removeClass('titleActive')
646 $(".jianzhu .online_business h2").addClass('titleActive')
647 }else if(this.getAttribute('lay-id')==3){
648 $("body,html").animate({ scrollTop: $(".linmu").offset().top });
649 $(".online_business h2").removeClass('titleActive')
650 $(".linmu .online_business h2").addClass('titleActive')
651 }else if(this.getAttribute('lay-id')==4){
652 $("body,html").animate({ scrollTop: $(".qita").offset().top });
653 $(".online_business h2").removeClass('titleActive')
654 $(".qita .online_business h2").addClass('titleActive')
655 }else {
656 $("body,html").animate({ scrollTop: 0 });
657 $(".online_business h2").removeClass('titleActive')
658 }
659 });
660 element.on('tab(navtab1)', function () {
661 if(this.getAttribute('lay-id')==1){
662 $("body,html").animate({ scrollTop: $(".tudi1").offset().top });
663 $(".navtab1 h2").removeClass('titleActive')
664 $(".tudi1 .navtab1 h2").addClass('titleActive')
665 }else if(this.getAttribute('lay-id')==2){
666 $("body,html").animate({ scrollTop: $(".jianzhu1").offset().top });
667 $(".navtab1 h2").removeClass('titleActive')
668 $(".jianzhu1 .navtab1 h2").addClass('titleActive')
669 }else if(this.getAttribute('lay-id')==3){
670 $("body,html").animate({ scrollTop: $(".linmu1").offset().top });
671 $(".navtab1 h2").removeClass('titleActive')
672 $(".linmu1 .navtab1 h2").addClass('titleActive')
673 }else {
674 $("body,html").animate({ scrollTop: 0 });
675 $(".navtab1 h2").removeClass('titleActive')
676 }
677 });
678 });
679 layui.use('util', function () {
680 let util = layui.util;
681 //执行
682 util.fixbar({
683 bar1: true,
684 bar2: true,
685 top:true
686 , click: function (type) {
687 console.log(type);
688 if (type === 'bar1') {
689 alert('点击了bar1')
690 }
691 }
692 });
693 });
694 </script>
...\ No newline at end of file ...\ No newline at end of file
......