任何人都可以复制此jquery效果吗?

问题描述:

我试图花费数小时来模仿这个 http://buildinternet.com/project/supersized/扩大舞会演示,我每次都会失败.任何人都可以在jsfiddle上提供帮助并进行复制吗?

I am trying for hours to copycat this http://buildinternet.com/project/supersized/ expanding ball demo and I am failing every time. Can anybody help and make a copy on jsfiddle?

查看演示


CSS(使它变得更圆滑):

Checkout the demo


CSS (to make it round):

-moz-border-radius:360px;
 -webkit-border-radius:360px;
 border-radius:360px;

jQuery:

var origWidth, origHeight, inrease = 50;

$('#hello').hover(function(){
  origWidth = $(this).width();
  origHeight = $(this).height();  
  
  // expand it
  $(this).animate({width:origWidth + inrease, height:origHeight + inrease});
  
}, function(){
  $(this).animate({width:origWidth, height:origHeight});
});