• かちびと.net

    1枚の画像のみでマウスホバーによるアニメーションを実現させるjQueryプラグイン・spriteOnHoverのご紹介です。ライセンスは相当緩いみたい。

    Kudos for

    WordPress jQuery
  • About This

    Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。

    Kachibito.net is a community-based website for web designers and developers. The site includes a popular weblog, a design gallery, a open source software, design tips, and the various web-news.

  • Links

1枚の画像のみでマウスホバーによるアニメーションを実現させるjQueryプラグイン・spriteOnHover

スポンサーリンク

CSSスプライトのように、1枚の画像
でマウスホバーによる簡易的なアニ
メーションを実現させるjQueryのプ
ラグイン・spriteOnHoverのご紹介
です。GIFアニメ以外の選択肢として
個人的に少し期待しています。

1枚の画像でGIFアニメーションっぽいのを実現させます。画像を作るのは場合によっては少々手間かもですけど・・

spriteOnHover


CSSスプライトのように1枚の画像でGIFアニメっぽいのを作れる、というスクリプト。


↑ こんな感じ。以下、公式のデモです。

Sample

$('#foo').spriteOnHover({
     fps:30,
     orientation:"horizontal",
     rewind: true,
     loop: false,
     autostart:false,
     repeat:true
});

ループやオート再生の有無などもオプションでセッティングします。

ライセンスは・・・ DWTFYWTというライセンスだそうです。残念ながら参考文献が見当たりませんでしたが、WTFPLと同じような感じだか派生だか・・かな。

相当緩いライセンスみたいですね。諸々の詳細は以下でご確認下さい。

spriteOnHover

URL :
TRB :

Comments & Trackbacks (1)

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services