5f8cfb51 by 任超

style:公示公告

1 parent 8d69b53e
......@@ -24,6 +24,18 @@
}
.nav-government li a {
color: #0E6BE9;
display: block;
width: 100%;
height: 100%;
text-align: center;
line-height: 60px;
}
.nav-government li:hover {
color: #FFFFFF!important;
background: #498FFF;
}
.nav-government li:hover a {
color: #FFFFFF;
}
.nav-active {
color: #FFFFFF!important;
......@@ -76,7 +88,7 @@
}
.government-content li img {
width: 21px;
height: 18px;
height: 20px;
float: left;
position: relative;
top: 20px;
......
......@@ -3,4 +3,13 @@ layui.use('element', function () {
});
$(function () {
addTabs('#zwgk');
});
\ No newline at end of file
pageData();
});
function pageData(){
$('.nav-government li').mouseover(function(){
$(this).find('img').attr('src',$(this).find('img').attr('url'))
})
$('.nav-government li').mouseout(function(){
$(this).find('img').attr('src',$(this).find('img').attr('pre'))
})
}
\ No newline at end of file
......
......@@ -22,16 +22,22 @@
<div class="apen-government-affairs">
<ul class="nav-government">
<li class="nav-active">
<img src="/staticImages/se-zc.png" />
<a href="">相应政策</a>
<a href="">
<img src="/staticImages/se-zc.png" url="/staticImages/se-zc.png" pre="/staticImages/se-zc.png" />
相应政策
</a>
</li>
<li>
<img src="/staticImages/home-flfg.png" />
<a href="/staticViews/laws-regulations.html">法律法规</a>
<a href="/staticViews/laws-regulations.html">
<img src="/staticImages/home-flfg.png" url="/staticImages/sedflfging.png" pre="/staticImages/home-flfg.png" />
法律法规
</a>
</li>
<li>
<img src="/staticImages/home-gsgg.png" />
<a href="/staticViews/public-announcement.html">公示公告</a>
<a href="/staticViews/public-announcement.html">
<img src="/staticImages/home-gsgg.png" url="/staticImages/sehome-gsgg.png" pre="/staticImages/home-gsgg.png" />
公示公告
</a>
</li>
</ul>
<div class="government-content">
......
......@@ -22,16 +22,22 @@
<div class="apen-government-affairs">
<ul class="nav-government">
<li>
<img src="/staticImages/zc.png" />
<a href="/staticViews/corresponding-policies.html">相应政策</a>
<a href="/staticViews/corresponding-policies.html">
<img src="/staticImages/zc.png" url="/staticImages/se-zc.png" pre="/staticImages/zc.png" />
相应政策
</a>
</li>
<li class="nav-active">
<img src="/staticImages/sehome-flfg.png" />
<a href="">法律法规</a>
<a href="">
<img src="/staticImages/sedflfging.png" url="/staticImages/sedflfging.png" pre="/staticImages/sedflfging.png" />
法律法规
</a>
</li>
<li>
<img src="/staticImages/home-gsgg.png" />
<a href="/staticViews/public-announcement.html">公示公告</a>
<a href="/staticViews/public-announcement.html">
<img src="/staticImages/home-gsgg.png" url="/staticImages/sehome-gsgg.png" pre="/staticImages/home-gsgg.png" />
公示公告
</a>
</li>
</ul>
<div class="government-content">
......
......@@ -22,16 +22,22 @@
<div class="apen-government-affairs">
<ul class="nav-government">
<li>
<img src="/staticImages/zc.png" />
<a href="/staticViews/corresponding-policies.html">相应政策</a>
<a href="/staticViews/corresponding-policies.html">
<img src="/staticImages/zc.png" url="/staticImages/se-zc.png" pre="/staticImages/zc.png" />
相应政策
</a>
</li>
<li>
<img src="/staticImages/home-flfg.png" />
<a href="/staticViews/laws-regulations.html">法律法规</a>
<a href="/staticViews/laws-regulations.html">
<img src="/staticImages/home-flfg.png" url="/staticImages/sedflfging.png" pre="/staticImages/home-flfg.png" />
法律法规
</a>
</li>
<li class="nav-active">
<img src="/staticImages/sehome-gsgg.png" />
<a href="">公示公告</a>
<a href="">
<img src="/staticImages/sehome-gsgg.png" url="/staticImages/sehome-gsgg.png" pre="/staticImages/sehome-gsgg.png" />
公示公告
</a>
</li>
</ul>
<div class="government-content">
......