Update: Version 1.1 released 2/8/08. Good bug fixes + Opera compatibility! ...so I fought back the charging Guanaco, immediately hopped on my paraglider, and basically caught the first flight out of Chile — but not without dealing with some cantankerous customs inspectors while drinking a cool glass of chicha. Really sorry it took so long! But hey, two years later, it's finally done! Smooth Javasc
一枚の画像で作成するCSSスプライトに、スライドやフェードのアニメーションを加えるスクリプト「SpriteMenu」を紹介します。 SpriteMenu demo SpriteMenu デモでは、イージングを使用したスライドとフェードのアニメーションが紹介されています。 使用している画像はどちらも同じで、下記のようになっています。 CSSスプライト用の画像(クリックで拡大) ナビゲーションはリスト要素で実装されており、スクリプトのオプションではナビゲーションのサイズ、アニメーションのエフェクト、スピード、イージングなどを変更できます。 SpriteMenuはjQueryのプラグインのため、実装にはjquery.jsが必要です。
最近自分の宣伝しか書いてなかったので、技術の関する事を久しぶりに書いてみました。 jqueryを使用して、簡単にオンマウス・マウスオーバーで文字にエフェクトをかける方法です。 画像等のエフェクト方法は検索すれば直ぐ出てくるのですが、文字のエフェクトについての方法が書かれたページが無かったので記事にしました。 jqueryのバージョンはjquery-1.3.1を使用しています。 (この記事を機会に徐々にプログラムの勉強&日記を書く頻度を増やしたいという狙いもあります) jqueryの記述 $(function(){ $('#hoge').mouseover(function() { $('#hoge').animate({opacity: "0"},500,function(){ $('#hoge').animate({opacity: "1"},500 ).html('foo'); });
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く