html仿Google首页,仿谷歌主页js动画效果实现代码
源代码:谷歌主页动画.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 tim
·
源代码:
谷歌主页动画.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();
});
});
其实这动画不难,难在那种图片上,不知道这图片是怎么做出来的!!!
开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!
更多推荐
已为社区贡献2条内容
所有评论(0)