ホームページ  >  記事  >  ウェブフロントエンド  >  Googleホームページのjsアニメーションエフェクト実装コードを模倣_javascriptスキル

Googleホームページのjsアニメーションエフェクト実装コードを模倣_javascriptスキル

WBOY
WBOYオリジナル
2016-05-16 17:28:42816ブラウズ

源代:

复制代 代码如下:





谷歌主页アニメーション画


<スクリプト タイプ= text/javascript">
$(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();
});
});




< a id="start" href="javascript:void(0)">起動来吧!



其实このアニメーション画不难,难在那种图片上,不知道この图片は怎么做成的です!
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。