翻牌子动画

实例

html部分

<div class="list list2">
  <ul>
    <li>
      <span><img src="../../images/static/summer/item-bg-2-1.jpg" alt=""></span>
      <i>
        <img src="../../images/static/summer/item-2-1.jpg" alt="">
        <em>
          天梭杜鲁尔系列刘亦菲代言款腕表<br />
            型号：T099.207.16.116.00
        </em>
      </i>
      <a href="http://www.xbiao.com/tissot/42587/" target="_blank"></a>
    </li>
  </ul>
</div>

翻牌子的js

$('.list li').bind('mouseover',function(){
  $(this).addClass('active');
});
$('.list li').bind('mouseout',function(){
  $(this).removeClass('active');
});

25 Oct 2016