リッチなユーザーインターフェイスを簡単に実装できる「jQuery UI」
jQueryUIはドラック＆ドロップなどのアクション、アコーディオンやダイアログなどのグラフィカルなユーザーインターフェイス、フェードインアニメーションのエフェクトなどがセットになったjQueryのプラグイン群です。
またプラグインの他にも高品質なテーマファイルもセットになっているので、あまりオープンにしないサイトの管理画面でしたら、そのまま使用しても問題ないのではないかなと。
- 投稿日
- 更新日
JavaScript
jQueryでTwitterのトップページのように一定のタイミングでコンテンツをスライドさせる
Twitterのトップページは人気のツイートが次々とスライドして表示されてますね。
この記事ではjQueryを使用して見た目のスライドするだけの部分を再現してみたいと思います。
- 投稿日
- 更新日
jQueryで作るマウスオーバーアニメーションするテキストタイプの縦型ナビゲーション10種
以前「jQueryで簡単に作れるマウスオーバーでアニメーションするボタン５種」という記事を書きましたが、画像メニューでわりと横型に並べたナビゲーションが多かったので、今回はテキストタイプの縦型ナビゲーションオンリーで作成してみました。
基本的にやってることは画像タイプのものとあまり変わらなかったりしますが……。
- 投稿日
- 更新日
jQueryでリストのカラーを1行づつ変化させてグラデーションで表示する
jQueryでリストで配置したメニューなどのテキストカラーやバックグラウンドカラーなどを１行ごとに変化させてグラデーションで表示させます。
- 投稿日
- 更新日
jQueryでマウスオーバー以外の画像（要素）をフェードアウトで透明にする
マウスオーバーした写真を半透明に処理は多くありますが、最近ではギャラリーページなどでマウスーバーした写真以外がフェードアウトしつつ半透明になるような処理もありますよね。
jQueryを使用すれば意外と簡単にできますのでメモしておきます。
- 投稿日
- 更新日
jQueryでGoogle AJAX Language APIを使用してWebサイトのコンテンツを翻訳する
Googleの翻訳API（Google AJAX Language API）を使えばWebサイトの英文を日本語にしたり、またその逆ももちろんできます。
比較的簡単に扱えるjQueryで試してみます。
- 投稿日
- 更新日
jQueryで作るボタンでスライドするローテーションバナー
以前に「jQueryで作るスライドするローテーションバナー」というのを作成したのですが、結構シンプルな作りでちょっと今の時代のあれじゃないよね。ということでボタンをクリックすると次の画像に進んだり戻ったり、ページネーション的なボタンを追加することで、ちょっとだけ実用的なものにしたいと思います。
- 投稿日
- 更新日
jQueryで指定した要素にclass,idを追加する
要素にclassやidを割り当てるにはhtmlで直接指定するのが確実ですが、大量の要素やクリックイベント後に処理したい場合は、プラグラムで割り当てる必要があります。
この記事ではjQueryを使用して、さまざまな状況下で各要素にclassやidを追加してみます。
- 投稿日
- 更新日
jQueryを使用して指定したハッシュタグのつぶやきを取得する
Twitterのつぶやきを表示しているWebサイトがだいぶ多くなってきた昨今。イベントサイトなどでは特定のハッシュタグのつぶやきを表示するといった使い方もされているようです。
ということでこの記事ではjQueryを使用して指定したハッシュタグのつぶやきを取得して表示してみます。
- 投稿日
- 更新日
jQueryで背景画像を全画面表示する
最近ではjavascriptでも表現できることが飛躍的に増え、Flashサイトのようなリッチなサイトも多くなってきましたね。
ということでFlashサイトと聞いて一番最初に思い浮かべそうな背景画像の全画面表示というのをjQueryで作成してみたいと思います。
- 投稿日
- 更新日