任何人都可以复制此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});
});