WEBOPIXEL

javascript

リッチなユーザーインターフェイスを簡単に実装できる「jQuery UI」

Posted: 2011.03.21 / Category: javascript / Tag: ,

jQueryUIはドラック&ドロップなどのアクション、アコーディオンやダイアログなどのグラフィカルなユーザーインターフェイス、フェードインアニメーションのエフェクトなどがセットになったjQueryのプラグイン群です。
またプラグインの他にも高品質なテーマファイルもセットになっているので、あまりオープンにしないサイトの管理画面でしたら、そのまま使用しても問題ないのではないかなと。

READ MORE

jQueryで作るマウスオーバーアニメーションするテキストタイプの縦型ナビゲーション10種

Posted: 2011.02.16 / Category: javascript / Tag: 

以前「jQueryで簡単に作れるマウスオーバーでアニメーションするボタン5種」という記事を書きましたが、画像メニューでわりと横型に並べたナビゲーションが多かったので、今回はテキストタイプの縦型ナビゲーションオンリーで作成してみました。
基本的にやってることは画像タイプのものとあまり変わらなかったりしますが……。

READ MORE

jQueryでマウスオーバー以外の画像(要素)をフェードアウトで透明にする

Posted: 2011.02.09 / Category: javascript / Tag: 

マウスオーバーした写真を半透明に処理は多くありますが、最近ではギャラリーページなどでマウスーバーした写真以外がフェードアウトしつつ半透明になるような処理もありますよね。
jQueryを使用すれば意外と簡単にできますのでメモしておきます。

READ MORE

jQueryで作るボタンでスライドするローテーションバナー

Posted: 2010.12.27 / Category: javascript / Tag: 

以前に「jQueryで作るスライドするローテーションバナー」というのを作成したのですが、結構シンプルな作りでちょっと今の時代のあれじゃないよね。ということでボタンをクリックすると次の画像に進んだり戻ったり、ページネーション的なボタンを追加することで、ちょっとだけ実用的なものにしたいと思います。

READ MORE