源代码:

谷歌主页动画

.animate{

height:156px;

width:97px;

background:url(images/gumby11-gumby.jpg) no-repeat;

background-position:-15581px center;

}

$(function(){

var offset = -15678;

$('#start').click(function(){

var timer = setInterval(function(){

offset += 98;

$('#animate').css({

'background-position':offset + 'px center'

});

if(offset > 0){

clearInterval(timer);

}

},50);

$(this).hide();

});

});

动起来吧!

其实这动画不难,难在那种图片上,不知道这图片是怎么做出来的!!!

Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐