jQueryのAjaxを使用して外部htmlを読み込む
Posted: 2011.04.04 / Category: javascript / Tag: Ajax, jQuery
Ajaxとは画面遷移なしで、データを取得したり表示したりできるあれです。最近のWebアプリケーションでは必須な技術らしいです。
知識としては知っていたものの実際使ったことがなかったので、かなり今更感が高いですが挑戦してみます。
jQuery
Posted: 2011.04.04 / Category: javascript / Tag: Ajax, jQuery
Ajaxとは画面遷移なしで、データを取得したり表示したりできるあれです。最近のWebアプリケーションでは必須な技術らしいです。
知識としては知っていたものの実際使ったことがなかったので、かなり今更感が高いですが挑戦してみます。
Posted: 2011.03.21 / Category: javascript / Tag: jQuery, jQueryUI
jQueryUIはドラック&ドロップなどのアクション、アコーディオンやダイアログなどのグラフィカルなユーザーインターフェイス、フェードインアニメーションのエフェクトなどがセットになったjQueryのプラグイン群です。
またプラグインの他にも高品質なテーマファイルもセットになっているので、あまりオープンにしないサイトの管理画面でしたら、そのまま使用しても問題ないのではないかなと。
Posted: 2011.02.25 / Category: javascript / Tag: jQuery, Twitter
Twitterのトップページは人気のツイートが次々とスライドして表示されてますね。
この記事ではjQueryを使用して見た目のスライドするだけの部分を再現してみたいと思います。
Posted: 2011.02.16 / Category: javascript / Tag: jQuery
以前「jQueryで簡単に作れるマウスオーバーでアニメーションするボタン5種」という記事を書きましたが、画像メニューでわりと横型に並べたナビゲーションが多かったので、今回はテキストタイプの縦型ナビゲーションオンリーで作成してみました。
基本的にやってることは画像タイプのものとあまり変わらなかったりしますが……。
Posted: 2011.02.14 / Category: javascript / Tag: jQuery
jQueryでリストで配置したメニューなどのテキストカラーやバックグラウンドカラーなどを1行ごとに変化させてグラデーションで表示させます。
Posted: 2011.02.09 / Category: javascript / Tag: jQuery
マウスオーバーした写真を半透明に処理は多くありますが、最近ではギャラリーページなどでマウスーバーした写真以外がフェードアウトしつつ半透明になるような処理もありますよね。
jQueryを使用すれば意外と簡単にできますのでメモしておきます。
Posted: 2011.01.10 / Category: javascript / Tag: API, jQuery
Googleの翻訳API(Google AJAX Language API)を使えばWebサイトの英文を日本語にしたり、またその逆ももちろんできます。
比較的簡単に扱えるjQueryで試してみます。