本文介绍了任何人都可以复制此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});
});
这篇关于任何人都可以复制此jquery效果吗?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!