【技术】显示&隐藏

标签：

移入鼠标前：

移入鼠标后：

<ul id="show">
　　<li>
　　　　<em class="ar_img1"></em>
　　　　<div class="show1">
　　　　　　<a href="#">支付宝钱包</a>
　　　　</div>
　　　　<div class="show2" style="display:none;">
　　　　　　<a href="##" class="pic_a fl mr10">
　　　　　　　　<img src="http://m2.app111.com/AppImg/40x40/2014/12/18/6561243841418858516739.jpg" >
　　　　　　</a>
　　　　　　<div class="info">
　　　　　　　　<a href="##" 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>

【技术】显示&隐藏

标签：

原文地址：http://www.cnblogs.com/ybingbing_1213/p/4201106.html