使用Jquery,CSS3实现像GooglePlus那样的圆圈效果(3)

   8:          $('div.middle').addClass('hover');
   9:      });
  10:      $('div.circle').mouseout(function() {
  11:          $('div.outer').removeClass('hover');
  12:          $('div.middle').removeClass('hover');
  13:      });
  14:  });
  15:  </script>
目标的HTML片段:
<div class="circle"><div class="outer"></div><div class="middle"></div><div class="inner">Developers code</div></div>
好了,运动后效果图是这样的:

 

 

您可能先了解CSS3, 可以参考这儿http://www.w3schools.com/css/default.asp.

希望对您WEB开发有帮助.

 

 摘自 PetterLiu