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

WBOY
リリース: 2016-05-16 17:28:42
オリジナル
869 人が閲覧しました

源代:

复制代 代码如下:





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


<スクリプト タイプ= 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)">起動来吧!



其实このアニメーション画不难,难在那种图片上,不知道この图片は怎么做成的です!
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート