Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
4857bf0c by 任超
Options

style:新闻动态

1 parent 23fc0f1a
Inline Side-by-side
Showing 11 changed files with 68 additions and 182 deletions
...@@ -6,12 +6,9 @@ ...@@ -6,12 +6,9 @@
6 <title>网上“一窗办事”登记系统</title> 6 <title>网上“一窗办事”登记系统</title>
7 <link type="text/css" rel="stylesheet" href="./staticCss/global.css" /> 7 <link type="text/css" rel="stylesheet" href="./staticCss/global.css" />
8 <script type="text/javascript" src="./staticJs/head.js"></script> 8 <script type="text/javascript" src="./staticJs/head.js"></script>
9 <script type="text/javascript" src="./staticJs/staticIndex.js"></script>
10 </head> 9 </head>
11
12 <body> 10 <body>
13 <div> 11 <div>
14
15 <div class="banner"> 12 <div class="banner">
16 <div class="layui-carousel" id="banner_swiper"> 13 <div class="layui-carousel" id="banner_swiper">
17 <div carousel-item> 14 <div carousel-item>
...@@ -488,5 +485,6 @@ ...@@ -488,5 +485,6 @@
488 485
489 </body> 486 </body>
490 <script type="text/javascript" src="./staticJs/down.js"></script> 487 <script type="text/javascript" src="./staticJs/down.js"></script>
491 488 <script type="text/javascript" src="./staticJs/common.js"></script>
489 <script type="text/javascript" src="./staticJs/staticIndex.js"></script>
492 </html> 490 </html>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
19 .navigation_crumbs { 19 .navigation_crumbs {
20 width: 100%; 20 width: 100%;
21 height: 45px; 21 height: 45px;
22 line-height: 40px; 22 padding: 10px 0;
23 background: #FAFAFA; 23 background: #FAFAFA;
24 border: 1px solid #E6E6E6; 24 border: 1px solid #E6E6E6;
25 box-sizing: border-box; 25 box-sizing: border-box;
......
1 $(function () {
1 layui.use('element', function () { 2 layui.use('element', function () {
2 var element = layui.element; 3 var element = layui.element;
3 }); 4 });
...@@ -60,3 +61,7 @@ layui.use('util', function () { ...@@ -60,3 +61,7 @@ layui.use('util', function () {
60 } 61 }
61 }); 62 });
62 }); 63 });
64
65
66 addTabs('#bszn')
67 });
......
1 function addTabs(id){
2 $('.layui-nav-item').removeClass('layui-this')
3 $(id).addClass('layui-this')
4 }
...\ No newline at end of file ...\ No newline at end of file
1 //获取当前网址，如： http://localhost:8083/myproj/view/my.jsp
2 var curWwwPath = window.document.location.href; 1 var curWwwPath = window.document.location.href;
3 //获取主机地址之后的目录，如： myproj/view/my.jsp
4 var pathName = window.document.location.pathname; 2 var pathName = window.document.location.pathname;
5 var pos = curWwwPath.indexOf(pathName); 3 var pos = curWwwPath.indexOf(pathName);
6 //获取主机地址，如： http://localhost:8083
7 var localhostPaht = curWwwPath.substring(0, pos); 4 var localhostPaht = curWwwPath.substring(0, pos);
8 document.writeln("<!DOCTYPE html>"); 5 document.writeln("<!DOCTYPE html>");
9 document.writeln("<html lang=\'en\'>"); 6 document.writeln("<html lang=\'en\'>");
10 document.writeln(""); 7 document.writeln("");
11 document.writeln("<head>"); 8 document.writeln("<head>");
12 document.writeln(" <meta charset=\'UTF-8\'>"); 9 document.writeln(" <meta charset=\'UTF-8\'>");
13 document.writeln(" <title>网上“一窗办事”登记系统</title>");
14 document.writeln(" <meta name=\'copyright\' content=\' &reg 技术支持 All Rights Reserved\' />"); 10 document.writeln(" <meta name=\'copyright\' content=\' &reg 技术支持 All Rights Reserved\' />");
15 document.writeln(" <meta name=\'robots\' content=\'index,follow\' />"); 11 document.writeln(" <meta name=\'robots\' content=\'index,follow\' />");
16 document.writeln(" <meta name=\'googlebot\' content=\'index,follow,archive\' />"); 12 document.writeln(" <meta name=\'googlebot\' content=\'index,follow,archive\' />");
...@@ -44,11 +40,11 @@ document.writeln(" </div>"); ...@@ -44,11 +40,11 @@ document.writeln(" </div>");
44 document.writeln(" </div>"); 40 document.writeln(" </div>");
45 document.writeln(" <div class=\'navigation\'>"); 41 document.writeln(" <div class=\'navigation\'>");
46 document.writeln(" <ul class=\'layui-nav layui-bg-blue\' lay-filter=\'\'>"); 42 document.writeln(" <ul class=\'layui-nav layui-bg-blue\' lay-filter=\'\'>");
47 document.writeln(" <li class=\'layui-nav-item layui-this\'><a href=\'"+localhostPaht+"/index.html\' title=\'首页\'>首页</a></li>"); 43 document.writeln(" <li id='index' class=\'layui-nav-item\'><a href=\'"+localhostPaht+"/index.html\' title=\'首页\'>首页</a></li>");
48 document.writeln(" <li class=\'layui-nav-item\'><a href=\'"+localhostPaht+"/staticViews/xwdt/index.html\' title=\'新闻动态\'>新闻动态</a></li> "); 44 document.writeln(" <li id='news' class=\'layui-nav-item\'><a href=\'"+localhostPaht+"/staticViews/xwdt/index.html\' title=\'新闻动态\'>新闻动态</a></li> ");
49 document.writeln(" <li class=\'layui-nav-item\'><a href=\'\'>政策法规</a></li>"); 45 document.writeln(" <li class=\'layui-nav-item\'><a href=\'\'>政策法规</a></li>");
50 document.writeln(" <li class=\'layui-nav-item\'><a href=\'"+localhostPaht+"/staticViews/bszn/index.html\'>办事指南</a></li>"); 46 document.writeln(" <li id='bszn' class=\'layui-nav-item\'><a href=\'"+localhostPaht+"/staticViews/bszn/index.html\'>办事指南</a></li>");
51 document.writeln(" <li class=\'layui-nav-item\'><a href=\'\'>业务办理</a></li>"); 47 document.writeln(" <li id='business' class=\'layui-nav-item\'><a href=\'\'>业务办理</a></li>");
52 document.writeln(" <li class=\'layui-nav-item\'>"); 48 document.writeln(" <li class=\'layui-nav-item\'>");
53 document.writeln(" <a href=\'javascript:;\'>查验中心</a>"); 49 document.writeln(" <a href=\'javascript:;\'>查验中心</a>");
54 document.writeln(" <dl class=\'layui-nav-child\'>"); 50 document.writeln(" <dl class=\'layui-nav-child\'>");
......
...@@ -32,18 +32,19 @@ layui.use('util', function () { ...@@ -32,18 +32,19 @@ layui.use('util', function () {
32 }); 32 });
33 33
34 //初始化方法 34 //初始化方法
35 $(function(){ 35 $(function () {
36 NewsData(); 36 NewsData();
37 });
38 37
38 addTabs('#index')
39 });
39 40
40 function NewsData(){ 41 function NewsData() {
41 //$.ajax() 42 //$.ajax()
42 var ulNews=$("#ulNews"); 43 var ulNews = $("#ulNews");
43 ulNews.empty(); 44 ulNews.empty();
44 var str=''; 45 var str = '';
45 for(var i=0;i<6;i++){ 46 for (var i = 0; i < 6; i++) {
46 str='<li><a href="#" title="创新技术体系 引领事业发展"><i>最新</i>创新技术体系 引领事业发展<span>2020-06-19</span></a></li>'; 47 str = '<li><a href="#" title="创新技术体系 引领事业发展"><i>最新</i>创新技术体系 引领事业发展<span>2020-06-19</span></a></li>';
47 ulNews.append(str); 48 ulNews.append(str);
48 } 49 }
49 } 50 }
...\ No newline at end of file ...\ No newline at end of file
......
1 $(function () {
2
3 layui.use('element', function () {
4 let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
5 //监听导航点击
6 element.on('nav(demo)', function (elem) {
7 //console.log(elem)
8 layer.msg(elem.text());
9 });
10 });
11 layui.use('laypage', function () {
12 // $(function () {
13 // let laypage = layui.laypage;
14 // //执行一个laypage实例
15 // laypage.render({
16 // elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
17 // , count: 50 //数据总数，从服务端得到
18 // , prev: '<'
19 // , next: '>'
20 // , theme: '#0091FF'
21 // });
22 // });
23 })
24
25 addTabs('#news')
26 })
...\ No newline at end of file ...\ No newline at end of file
...@@ -26,10 +26,10 @@ ...@@ -26,10 +26,10 @@
26 /* --------------------导航tab------------------------- */ 26 /* --------------------导航tab------------------------- */
27 .one_content { 27 .one_content {
28 border: 1px solid #DEDEDE;; 28 border: 1px solid #DEDEDE;;
29 margin-top: 30px; 29 margin-top: 20px!important;
30 } 30 }
31 .one_content .layui-tab { 31 .one_content .layui-tab {
32 margin: 0; 32 margin: -1px;
33 } 33 }
34 .one_content .layui-tab-title li { 34 .one_content .layui-tab-title li {
35 width: 150px; 35 width: 150px;
......
1 <!DOCTYPE html> 1 <!DOCTYPE html
2 <html lang="zh-cn"> 2 PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3 3 <html xmlns="http://www.w3.org/1999/xhtml">
4 <head> 4 <head>
5 <style>
6 </style>
7 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5 <title>办事指南</title> 8 <title>办事指南</title>
6 <meta charset="UTF-8"> 9 <script type="text/javascript" src="../../staticJs/head.js"></script>
7 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
8 <meta name="format-detection" content="telephone=no">
9 <meta name="renderer" content="webkit">
10 <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
11 <meta http-equiv="Cache-Control" content="no-siteapp" />
12 <link rel="alternate icon" type="image/png" href="../../staticImages/logo-realestate.png">
13 <link rel='icon' href='favicon.ico' type='image/x-ico' />
14 <meta name="description" content="" />
15 <meta name="keywords" content="" />
16 <link rel="stylesheet" type="text/css" href="../../staticLib/layui/css/layui.css" />
17 <link type="text/css" rel="stylesheet" href="../../staticCss/common.css" />
18 <link rel="stylesheet" type="text/css" href="css/index.css"> 10 <link rel="stylesheet" type="text/css" href="css/index.css">
19 </head> 11 </head>
20 <body> 12 <body>
21 <div class="business_guide"> 13 <div class="business_guide">
22 <div class="subject top-logo">
23 <div class="top_logo_content">
24 <h1><a href="index.html"><img src="../../staticImages/logo.jpg" alt="西安市不动产登记平台" /></a></h1>
25 <div class="top_logo_search">
26 <input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索"
27 autocomplete="off" class="layui-input">
28 <i class="layui-icon layui-icon-search" style="font-size: 14px;"></i>
29 </div>
30 <ul class="login">
31 <li>
32 <a href="" title="登录">
33 登录
34 </a>
35 </li>
36 <li>
37 <a href="" title="注册">
38 注册
39 </a>
40 </li>
41 </ul>
42 </div>
43 </div>
44 <div class="navigation">
45 <ul class="layui-nav layui-bg-blue" lay-filter="">
46 <li class="layui-nav-item"><a href="../../staticIndex.html">首页</a></li>
47 <li class="layui-nav-item"><a href="./../xwdt/index.html">新闻动态</a></li>
48 <li class="layui-nav-item"><a href="">业务办理</a></li>
49 <li class="layui-nav-item"><a href="">政策法规</a></li>
50 <li class="layui-nav-item layui-this"><a href="../bszn/index.html">办事指南</a></li>
51 <li class="layui-nav-item">
52 <a href="javascript:;">查验中心</a>
53 <dl class="layui-nav-child">
54 <!-- 二级菜单 -->
55 <dd><a href="">移动模块</a></dd>
56 <dd><a href="">后台模版</a></dd>
57 <dd><a href="">电商平台</a></dd>
58 </dl>
59 </li>
60 <li class="layui-nav-item"><a href="../zxjf/index.html">在线缴费</a></li>
61 <li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li>
62 </ul>
63 </div>
64 <div class="navigation_crumbs"> 14 <div class="navigation_crumbs">
65 <div class="contentBox"> 15 <div class="contentBox">
66 <span class="layui-breadcrumb"> 16 <span class="layui-breadcrumb">
...@@ -549,80 +499,9 @@ ...@@ -549,80 +499,9 @@
549 </div> 499 </div>
550 </div> 500 </div>
551 </div> 501 </div>
552
553 <div class="footer">
554 <div class="system_service">
555 <ul class="">
556 <li>
557 <a href="" title="公示公告">
558 <span>公示公告</span>
559 </a>
560 </li>
561 <li>
562 <a href="" title="法律法规">
563 <span>法律法规</span>
564 </a>
565 </li>
566 <li>
567 <a href="" title="相应政策">
568 <span>相应政策</span>
569 </a>
570 </li>
571 <li>
572 <a href="" title="下载服务">
573 <span>下载服务</span>
574 </a>
575 </li>
576 <li>
577 <a href="" title="关于我们">
578 <span>关于我们</span>
579 </a>
580 </li>
581 </ul>
582 </div>
583 <div class="subject">
584 <div class="footer_logo">
585 <a href="" title="党政机关">
586 <img src="../../staticImages/jiguan.png" alt="党政机关"/>
587 </a>
588 </div>
589 <ul>
590 <li>
591 西安市自然资源和规划局
592 </li>
593 <li>
594 电话：028-456465
595 </li>
596 <li>
597 地址：西安市丰城8路
598 </li>
599 <li>
600 网站标识吗：87987987
601 </li>
602 <li>
603 备案：陕IPC456465465
604 </li>
605 <li>
606 陕公网备案：456465465
607 </li>
608 </ul>
609 <ol>
610 <li>
611 <img src="../../staticImages/code.png" alt="公众号" />
612 <p>扫描关注公众号</p>
613 </li>
614 <li>
615 <img src="../../staticImages/code.png" alt="公众号" />
616 <p>扫描关注公众号</p>
617 </li>
618
619 </ol>
620 </div>
621 </div>
622 </div> 502 </div>
623 </body> 503 </body>
624 504 <script type="text/javascript" src="../../staticJs/down.js"></script>
625 </html> 505 <script type="text/javascript" src="../../staticJs/common.js"></script>
626 <script type="text/javascript" src="../../staticLib/jquery/jquery.min.js"></script>
627 <script type="text/javascript" src="../../staticLib/layui/layui.js"></script>
628 <script type="text/javascript" src="../../staticJs/bszn.js"></script> 506 <script type="text/javascript" src="../../staticJs/bszn.js"></script>
507 </html>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -33,6 +33,7 @@ div.subject { ...@@ -33,6 +33,7 @@ div.subject {
33 width: 1200px; 33 width: 1200px;
34 margin: 0 auto; 34 margin: 0 auto;
35 overflow: hidden; 35 overflow: hidden;
36 padding-bottom: 0!important;
36 } 37 }
37 38
38 .one_content { 39 .one_content {
......
...@@ -5,13 +5,10 @@ ...@@ -5,13 +5,10 @@
5 <style> 5 <style>
6 </style> 6 </style>
7 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 7 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
8 <title></title> 8 <title>新闻动态</title>
9 <script type="text/javascript" src="../../staticJs/head.js"></script> 9 <script type="text/javascript" src="../../staticJs/head.js"></script>
10 <link rel="stylesheet" type="text/css" href="../../staticLib/layui/css/layui.css" />
11 <link rel="stylesheet" type="text/css" href="../../staticCss/common.css" />
12 <link rel="stylesheet" type="text/css" href="css/index.css"> 10 <link rel="stylesheet" type="text/css" href="css/index.css">
13 </head> 11 </head>
14
15 <body> 12 <body>
16 <div class="navigation_crumbs"> 13 <div class="navigation_crumbs">
17 <div class="contentBox"> 14 <div class="contentBox">
...@@ -219,28 +216,7 @@ ...@@ -219,28 +216,7 @@
219 </div> 216 </div>
220 </div> 217 </div>
221 </body> 218 </body>
222 <script type="text/javascript"> 219 <script type="text/javascript" src="../../staticJs/common.js"></script>
223 layui.use('element', function () {
224 let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
225 //监听导航点击
226 element.on('nav(demo)', function (elem) {
227 //console.log(elem)
228 layer.msg(elem.text());
229 });
230 });
231 layui.use('laypage', function () {
232 // $(function () {
233 // let laypage = layui.laypage;
234 // //执行一个laypage实例
235 // laypage.render({
236 // elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
237 // , count: 50 //数据总数，从服务端得到
238 // , prev: '<'
239 // , next: '>'
240 // , theme: '#0091FF'
241 // });
242 // });
243 })
244 </script>
245 <script type="text/javascript" src="../../staticJs/down.js"></script> 220 <script type="text/javascript" src="../../staticJs/down.js"></script>
221 <script type="text/javascript" src="../../staticJs/xwdt.js"></script>
246 </html> 222 </html>
...\ No newline at end of file ...\ No newline at end of file
......