首页 > 代码库 > 【技术】显示&隐藏

【技术】显示&隐藏

移入鼠标前:

技术分享

移入鼠标后:

技术分享

<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>

【技术】显示&隐藏