Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
5f8cfb51 by 任超
Options

style:公示公告

1 parent 8d69b53e
Inline Side-by-side
Showing 6 changed files with 59 additions and 20 deletions
...@@ -24,6 +24,18 @@ ...@@ -24,6 +24,18 @@
24 } 24 }
25 .nav-government li a { 25 .nav-government li a {
26 color: #0E6BE9; 26 color: #0E6BE9;
27 display: block;
28 width: 100%;
29 height: 100%;
30 text-align: center;
31 line-height: 60px;
32 }
33 .nav-government li:hover {
34 color: #FFFFFF!important;
35 background: #498FFF;
36 }
37 .nav-government li:hover a {
38 color: #FFFFFF;
27 } 39 }
28 .nav-active { 40 .nav-active {
29 color: #FFFFFF!important; 41 color: #FFFFFF!important;
...@@ -76,7 +88,7 @@ ...@@ -76,7 +88,7 @@
76 } 88 }
77 .government-content li img { 89 .government-content li img {
78 width: 21px; 90 width: 21px;
79 height: 18px; 91 height: 20px;
80 float: left; 92 float: left;
81 position: relative; 93 position: relative;
82 top: 20px; 94 top: 20px;
......
...@@ -3,4 +3,13 @@ layui.use('element', function () { ...@@ -3,4 +3,13 @@ layui.use('element', function () {
3 }); 3 });
4 $(function () { 4 $(function () {
5 addTabs('#zwgk'); 5 addTabs('#zwgk');
6 });
...\ No newline at end of file ...\ No newline at end of file
6 pageData();
7 });
8 function pageData(){
9 $('.nav-government li').mouseover(function(){
10 $(this).find('img').attr('src',$(this).find('img').attr('url'))
11 })
12 $('.nav-government li').mouseout(function(){
13 $(this).find('img').attr('src',$(this).find('img').attr('pre'))
14 })
15 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -22,16 +22,22 @@ ...@@ -22,16 +22,22 @@
22 <div class="apen-government-affairs"> 22 <div class="apen-government-affairs">
23 <ul class="nav-government"> 23 <ul class="nav-government">
24 <li class="nav-active"> 24 <li class="nav-active">
25 <img src="/staticImages/se-zc.png" /> 25 <a href="">
26 <a href="">相应政策</a> 26 <img src="/staticImages/se-zc.png" url="/staticImages/se-zc.png" pre="/staticImages/se-zc.png" />
27 相应政策
28 </a>
27 </li> 29 </li>
28 <li> 30 <li>
29 <img src="/staticImages/home-flfg.png" /> 31 <a href="/staticViews/laws-regulations.html">
30 <a href="/staticViews/laws-regulations.html">法律法规</a> 32 <img src="/staticImages/home-flfg.png" url="/staticImages/sedflfging.png" pre="/staticImages/home-flfg.png" />
33 法律法规
34 </a>
31 </li> 35 </li>
32 <li> 36 <li>
33 <img src="/staticImages/home-gsgg.png" /> 37 <a href="/staticViews/public-announcement.html">
34 <a href="/staticViews/public-announcement.html">公示公告</a> 38 <img src="/staticImages/home-gsgg.png" url="/staticImages/sehome-gsgg.png" pre="/staticImages/home-gsgg.png" />
39 公示公告
40 </a>
35 </li> 41 </li>
36 </ul> 42 </ul>
37 <div class="government-content"> 43 <div class="government-content">
......
...@@ -22,16 +22,22 @@ ...@@ -22,16 +22,22 @@
22 <div class="apen-government-affairs"> 22 <div class="apen-government-affairs">
23 <ul class="nav-government"> 23 <ul class="nav-government">
24 <li> 24 <li>
25 <img src="/staticImages/zc.png" /> 25 <a href="/staticViews/corresponding-policies.html">
26 <a href="/staticViews/corresponding-policies.html">相应政策</a> 26 <img src="/staticImages/zc.png" url="/staticImages/se-zc.png" pre="/staticImages/zc.png" />
27 相应政策
28 </a>
27 </li> 29 </li>
28 <li class="nav-active"> 30 <li class="nav-active">
29 <img src="/staticImages/sehome-flfg.png" /> 31 <a href="">
30 <a href="">法律法规</a> 32 <img src="/staticImages/sedflfging.png" url="/staticImages/sedflfging.png" pre="/staticImages/sedflfging.png" />
33 法律法规
34 </a>
31 </li> 35 </li>
32 <li> 36 <li>
33 <img src="/staticImages/home-gsgg.png" /> 37 <a href="/staticViews/public-announcement.html">
34 <a href="/staticViews/public-announcement.html">公示公告</a> 38 <img src="/staticImages/home-gsgg.png" url="/staticImages/sehome-gsgg.png" pre="/staticImages/home-gsgg.png" />
39 公示公告
40 </a>
35 </li> 41 </li>
36 </ul> 42 </ul>
37 <div class="government-content"> 43 <div class="government-content">
......
...@@ -22,16 +22,22 @@ ...@@ -22,16 +22,22 @@
22 <div class="apen-government-affairs"> 22 <div class="apen-government-affairs">
23 <ul class="nav-government"> 23 <ul class="nav-government">
24 <li> 24 <li>
25 <img src="/staticImages/zc.png" /> 25 <a href="/staticViews/corresponding-policies.html">
26 <a href="/staticViews/corresponding-policies.html">相应政策</a> 26 <img src="/staticImages/zc.png" url="/staticImages/se-zc.png" pre="/staticImages/zc.png" />
27 相应政策
28 </a>
27 </li> 29 </li>
28 <li> 30 <li>
29 <img src="/staticImages/home-flfg.png" /> 31 <a href="/staticViews/laws-regulations.html">
30 <a href="/staticViews/laws-regulations.html">法律法规</a> 32 <img src="/staticImages/home-flfg.png" url="/staticImages/sedflfging.png" pre="/staticImages/home-flfg.png" />
33 法律法规
34 </a>
31 </li> 35 </li>
32 <li class="nav-active"> 36 <li class="nav-active">
33 <img src="/staticImages/sehome-gsgg.png" /> 37 <a href="">
34 <a href="">公示公告</a> 38 <img src="/staticImages/sehome-gsgg.png" url="/staticImages/sehome-gsgg.png" pre="/staticImages/sehome-gsgg.png" />
39 公示公告
40 </a>
35 </li> 41 </li>
36 </ul> 42 </ul>
37 <div class="government-content"> 43 <div class="government-content">
......