2011-08-07 12 views
8

Google検索ページで結果を見ると、すべての結果のリンクまたはリンクの説明にカーソルを合わせると、Googleプラスワンボタンのアニメーションが表示されます。jqueryを使用してgoogle plus oneボタンエフェクトを作成するにはどうすればよいですか?

私はインターネットを検索していましたが、画像や一般的な要素に対してこの効果を達成する方法をチュートリアルで見つけることができませんでした。

jqueryを使用したチュートリアルへの提案やリンクはありますか?

ありがとうございます。

+4

?これは悪いスタイルです。 – Codo

答えて

8

複数のフレームを含む1つのイメージです。 私はと仮定します。画像はCSSを介して背景として使用され、背景位置は(JavaScriptを介して)急速に変更され、アニメーション効果が作成されます。

イメージがある:一体コメントを残すことなく、この興味深い質問をdownvotingさ

+1 button

+0

ありがとうフェリックス;) – lorenc55

+3

これはスプライトアニメーションと呼ばれ、Googleが今年初めに[Martha Graham logo](http://www.google.com/logos/2011/graham.html)をアニメーション化したものです。 Spritely(http://www.spritely.net/)のようなjQueryプラグインがあり、独自のスプライトベースのアニメーションのロールバックをサポートします。 – Marcel

関連する問題