首页 新闻 搜索 专区 学院

做一个关于图片切换的效果,当点击后图片获焦时图片出于激活状态,失焦时图片变为普通图片

0
[已解决问题] 解决于 2017-03-20 14:08

功能实现不了了,请各位帮忙看看是哪里错了,或者还有什么更简单的方法指点一下,谢谢

html代码:

<div id="mesage_p">
<a class="mesage_active" href="#vip">
<span class="mui-icon"><img src="../images/vip_a.png" alt="" /></span>
<span>会员中心</span>
</a>
<a>
<span class="mui-icon"><img src="../images/eye_n.png" alt="" /></span>
<span>量体预约</span>
</a>
<a>
<span class="mui-icon"><img src="../images/show_n.png" alt="" /></span>
<span>分享</span>
</a>
</div>

js代码:

$('#mesage_p a:nth-child(1)').on({
focus:function(){$(this).find('.mui-icon img').attr('src','../images/vip_a.png');},
blur:function(){$(this).find('.mui-icon img').attr('src','../images/vip_n.png');}
})
$('#mesage_p a:nth-child(2)').on({
focus:function(){$(this).find('.mui-icon img').attr('src','../images/eye_a.png');},
blur:function(){$(this).find('.mui-icon img').attr('src','../images/eye_n.png');}
})
$('#mesage_p a:nth-child(3)').on({
focus:function(){$(this).find('.mui-icon img').attr('src','../images/show_a.png');},
blur:function(){$(this).find('.mui-icon img').attr('src','../images/show_n.png');}
})

 

 

小红红红的主页 小红红红 | 菜鸟二级 | 园豆:214
提问于:2017-02-09 23:10
< >
分享
最佳答案
0

代码整理一下,用代码插件,不然你这个样子都不想看

奖励园豆:5
Eric.luo | 小虾三级 |园豆:853 | 2017-02-20 11:07
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册