首页 > 代码库 > 【技术】显示&隐藏
【技术】显示&隐藏
移入鼠标前:
移入鼠标后:
<ul id="show">
<li>
<em class="ar_img1"></em>
<div class="show1">
<a href="http://www.mamicode.com/#">支付宝钱包</a>
</div>
<div class="show2" style="display:none;">
<a href="http://www.mamicode.com/##" class="pic_a fl mr10">
<img src="http://m2.app111.com/AppImg/40x40/2014/12/18/6561243841418858516739.jpg" >
</a>
<div class="info">
<a href="http://www.mamicode.com/##" class="">fanda</a>
<p>long</p>
</div>
</div>
</li>
<li>
... ...
</li>
</ul>
// 切换
<script>
$(function(){
$(‘#show li‘).hover(function(){
$(this).find(‘.show2‘).show();//fanda
$(this).find(‘.show1‘).hide();//支付宝
},function(){
$(this).find(‘.show2‘).hide();
$(this).find(‘.show1‘).show();
});
});
</script>
【技术】显示&隐藏