WEBOPIXEL

jQuery

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

Posted: 2010.12.27 / Category: javascript / Tag: 

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

READ MORE

jQueryで指定した要素にclass,idを追加する

Posted: 2010.12.24 / Category: javascript / Tag: 

要素にclassやidを割り当てるにはhtmlで直接指定するのが確実ですが、大量の要素やクリックイベント後に処理したい場合は、プラグラムで割り当てる必要があります。
この記事ではjQueryを使用して、さまざまな状況下で各要素にclassやidを追加してみます。

READ MORE

jQueryを使用して指定したハッシュタグのつぶやきを取得する

Posted: 2010.12.11 / Category: javascript / Tag: , , ,

Twitterのつぶやきを表示しているWebサイトがだいぶ多くなってきた昨今。イベントサイトなどでは特定のハッシュタグのつぶやきを表示するといった使い方もされているようです。
ということでこの記事ではjQueryを使用して指定したハッシュタグのつぶやきを取得して表示してみます。

READ MORE

jQueryで背景画像を全画面表示する

Posted: 2010.11.30 / Category: javascript / Tag: 

最近ではjavascriptでも表現できることが飛躍的に増え、Flashサイトのようなリッチなサイトも多くなってきましたね。
ということでFlashサイトと聞いて一番最初に思い浮かべそうな背景画像の全画面表示というのをjQueryで作成してみたいと思います。

READ MORE

jQueryで現在のページの所属しているサブメニューを開いた状態にする。

Posted: 2010.11.27 / Category: javascript / Tag: ,

タイトルすごくわかりにくいですね。
よく現在のページのaタグにクラスを適用させて、背景画像を変えたりすることがあると思いますが、似たような感じでサブメニューバージョンで開いた状態にしてしまおうというコーナーです。
かなり効率悪いことしている気がしますが、、、

READ MORE

jQueryで正規表現を学んでみる。【基礎編】

Posted: 2010.11.14 / Category: javascript / Tag: ,

正規表現といえばフォームチェックがぱっと思いつきますが、最近ではjQueryで外部APIで様々な情報を取得する機会が増え、それによって文字列の置き換えなどもできるようにならんとな、と思ったりしている人も増加しているはず!
ということでお手軽に使えるjQueryを使用して正規表現をちょこっと勉強してみようと思います。

READ MORE

jQueryで簡単に作れるマウスオーバーでアニメーションするボタン5種

Posted: 2010.10.24 / Category: javascript / Tag: 

ちょっと前まではマウスオーバーといえば画像の切り替えくらいでしたけど、最近ではアニメーションで切り替わるマウスオーバーも増えてきましたね。
ということでこの記事ではjQueryを使用して、わりと簡単に作れるマウスオーバーアクションをご紹介します。

READ MORE