jquery实现通用版鼠标经过淡入淡出效果

复制代码 代码如下:

  <a class="jq_btn" href="#"><div></div></a>

  //鼠标移上去效果

  $(".jq_btn").hover(function(){

  $(this).find("div").stop().fadeIn();

  },function(){

  $(this).find("div").stop().fadeOut();

  });

  原理很简单

  a标签背景设置正常状态

  div背景设置鼠标hover的背景

  只要给元素加上

  

复制代码 代码如下:

  class="jq_btn"

  都自动有效果