Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
25a60066 by 任超
Options

style:个人中心

1 parent 02057ecc
Inline Side-by-side
Showing 11 changed files with 68 additions and 25 deletions
......@@ -70,9 +70,48 @@
display: block;
height: 154px;
border: 1px solid #F6F6F6;
background: url('../staticImages/wodeyewubg.png') no-repeat;
}
.business_module li .cardItem:hover .itemName{
color: #FFFFFF;
}
.business_module li div:hover {
background-color: #0097F6;
}
.business_module li:nth-child(1) a {
background: url('../staticImages/wodeyewubg.png') no-repeat right bottom;
background-size:83px 82px;
}
.business_module li:nth-child(2) a {
background: url('../staticImages/wodeyuyuebg.png') no-repeat right bottom;
background-size:83px 82px;
}
.business_module li:nth-child(3) a {
background: url('../staticImages/yewuchaxunbg.png') no-repeat right bottom;
background-size:83px 82px;
}
.business_module li:nth-child(4) a {
background: url('../staticImages/hetongbeianbg.png') no-repeat right bottom;
background-size:83px 82px;
}
.business_module li:nth-child(5) a {
background: url('../staticImages/budongchanzhengshubg.png') no-repeat right bottom;
background-size:83px 82px;
}
.business_module li:nth-child(6) a {
background: url('../staticImages/danganchaxunbg.png') no-repeat right bottom;
background-size:83px 82px;
}
.business_module li:nth-child(7) a {
background: url('../staticImages/zhengshuheyanbg.png') no-repeat right bottom;
background-size:83px 82px;
}
.business_module li:nth-child(8) a {
background: url('../staticImages/wodefapiaobg.png') no-repeat right bottom;
background-size:83px 82px;
}
.business_module li:nth-child(9) a {
background: url('../staticImages/wodezhifubg.png') no-repeat right bottom;
background-size:83px 82px;
background-position: right bottom;
}
.business_module li a:hover {
color: #0091FF;
......
layui.use('element', function () {
let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
//监听导航点击
element.on('nav(demo)', function (elem) {
//console.log(elem)
layer.msg(elem.text());
});
});
$(function(){
$('#username').text(getItem('myCookie').username)
......@@ -12,7 +7,16 @@ $(function(){
$('#zjhm').text(getItem('myCookie').zjhm)
$('#recordtime').text(getItem('myCookie').recordtime)
$('#hellotime').text(getTimeState())
pageData();
})
function pageData(){
$('.business_module li').mouseover(function(){
$(this).find('.itemImg').attr('src',$(this).find('.itemImg').attr('url'))
})
$('.business_module li').mouseout(function(){
$(this).find('.itemImg').attr('src',$(this).find('.itemImg').attr('pre'))
})
}
function getTimeState(){
// 获取当前时间
let timeNow = new Date();
......
......@@ -44,72 +44,72 @@
<li>
<div class="cardItem">
<a href="./wdyw.html" title="我的业务">
<img src="../staticImages/myyewu.png">
<p>我的业务</p>
<img class="itemImg" url="../staticImages/semyyewu.png" src="../staticImages/myyewu.png" pre="../staticImages/myyewu.png">
<p class="itemName">我的业务</p>
</a>
</div>
</li>
<li>
<div class="cardItem">
<a href="./wdyy.html" title="我的预约">
<img src="../staticImages/myyuyue.png">
<p>我的预约</p>
<img class="itemImg" url="../staticImages/semyyewu.png" src="../staticImages/myyuyue.png">
<p class="itemName">我的预约</p>
</a>
</div>
</li>
<li>
<div class="cardItem">
<a href="" title="业务查询">
<img src="../staticImages/myyewuchaxun.png">
<p>业务查询</p>
<img class="itemImg" url="../staticImages/semyyewu.png" src="../staticImages/myyewuchaxun.png">
<p class="itemName">业务查询</p>
</a>
</div>
</li>
<li>
<div class="cardItem">
<a href="" title="合同备案查询">
<img src="../staticImages/hetongbeianchaxun.png">
<p>合同备案查询</p>
<img class="itemImg" url="../staticImages/semyyewu.png" src="../staticImages/hetongbeianchaxun.png">
<p class="itemName">合同备案查询</p>
</a>
</div>
</li>
<li>
<div class="cardItem">
<a href="" title="不动产证书查询">
<img src="../staticImages/budongchanzhengshu.png">
<p>不动产证书查询</p>
<img class="itemImg" url="../staticImages/semyyewu.png" src="../staticImages/budongchanzhengshu.png">
<p class="itemName">不动产证书查询</p>
</a>
</div>
</li>
<li>
<div class="cardItem">
<a href="" title="档案查询">
<img src="../staticImages/danganchaxun.png">
<p>档案查询</p>
<img class="itemImg" url="../staticImages/semyyewu.png" src="../staticImages/danganchaxun.png">
<p class="itemName">档案查询</p>
</a>
</div>
</li>
<li>
<div class="cardItem">
<a href="" title="证书核验">
<img src="../staticImages/zhengshuheyan.png">
<p>证书核验</p>
<img class="itemImg" url="../staticImages/semyyewu.png" src="../staticImages/zhengshuheyan.png">
<p class="itemName">证书核验</p>
</a>
</div>
</li>
<li>
<div class="cardItem">
<a href="" title="我的发票">
<img src="../staticImages/wodefapiao.png">
<p>我的发票</p>
<img class="itemImg" url="../staticImages/semyyewu.png" src="../staticImages/wodefapiao.png">
<p class="itemName">我的发票</p>
</a>
</div>
</li>
<li>
<div class="cardItem">
<a href="" title="我的支付">
<img src="../staticImages/wodezhifu.png">
<p>我的支付</p>
<img class="itemImg" url="../staticImages/semyyewu.png" src="../staticImages/wodezhifu.png">
<p class="itemName">我的支付</p>
</a>
</div>
</li>
......