js仿苹果的悬浮按钮_JS仿万科底部的新闻滑动特效代码

【www.bbyears.com--js教程】

js的使用是现在很多人常见的，同时使用js制作效果也是很多人经常做的。这次文章为大家带来了JS仿万科底部的新闻滑动特效代码，这也是非常不错的一个特效，相信很多小伙伴也是会喜欢的，下面我们具体来看看效果实现代码。

  
  
  



  
    
1
    
2
    
3
    
4
  

<script>
  $(function () {
    $(".item").hover(function () {
      if ($(this).hasClass("item1")) {
        $("#subject").removeClass().addClass("state-1");
      }
      if ($(this).hasClass("item2")) {
        $("#subject").removeClass().addClass("state-2");
      }
      if ($(this).hasClass("item3")) {
        $("#subject").removeClass().addClass("state-3");
      }
      if ($(this).hasClass("item4")) {
        $("#subject").removeClass().addClass("state-4");
      }
    });
    $("#subject").mouseleave(function () {
      $("#subject").removeClass();
    });
  });
</script>

本文来源：http://www.bbyears.com/wangyezhizuo/135957.html