Javascript

Lightbox風のスクリプト jQuery Superbox!

Lightbox風のスクリプト jQuery Superbox!

jQuery Superbox! はLightbox風の jQuery のプラグインです。

画像以外にも Content iframe を呼び出す事が出来るので、簡単な解説をしておきます。

demo page

Mootools プルダウンナビゲーション

Mootools プルダウンナビゲーション

Mootools を使ったプルダウン式のメニューです。

JavaScript drop down menu using Mootools 1.2 で紹介、配布されているのですが、簡単な解説をしておきます。

demo page

[JS]チェックボックスやラジオボタンの見た目を変更する

[JS]チェックボックスやラジオボタンの見た目を変更する

チェックボックスやラジオボタンの見た目を変更する為のJavascriptがCRIR: Checkbox & Radio Input Replacementさんで配布、紹介されているので使い方を書いておく事にします。

demo page

jQuery 伸縮するサイドメニュー

jQuery 伸縮するサイドメニュー

今回紹介するプラグインは、メニューが伸縮し動きのあるメニューを実装してくれるjQuery プラグインです。

demo page

3つのバリエーションから選べるLightbox風のスクリプト piroBox

3つのバリエーションから選べるLightbox風のスクリプト piroBox

「piroBox」はLightboxの様に画像を拡大表示するjQueryのプラグインです。

またデザイン3パターンが準備されおり、自分のサイトにあったテイストに合わせられるって所が便利だと思います。
その「piroBox」の簡単な使い方を解説したいと思います。

[JS]自動スクロールスライドショーするタブ式メニュー

[JS]自動スクロールスライドショーするタブ式メニュー

今回紹介するjQueryのプラグインは、自動に横にスライドショーしていくタブ式メニューです。

Build an Auto-Scrolling Slideshow That Works With and Without JavaScriptで紹介、配布されてます。demo

demo page

inputに類似したタグを表示するプラグイン jQuery Tag Suggestion

inputに類似したタグを表示するプラグイン jQuery Tag Suggestion

Tag Suggestion はinput内に入力した際に類似したタグを表示してくれるjQuery のプラグインです。

demo page

jQuery フォームにテキストをうっすらと出すプラグイン

jQuery フォームにテキストうっすらと出すプラグイン

フォームなどのテキストを入力する所に予め何を記入したら良いのかを記述してあるとユーザービリティ上凄く良いと思います。

そんな時に使えるのが今回紹介します「jQuery Watermark Plugin」です。

demo page

画像を横にスライドしながら表示するslideViewer

画像を横にスライドしながら表示するslideViewer

slideViewerは画像をクリックした後横にスライドさせながら次の画像を表示してくれるjQueryのプラグインです。

jQuery slideViewer 1.1で配布。ダウンロード出来るのですが使い方を解説したいと思います。

demo page

jQueryで画像にマウスオーバーした際見出しをスライド表示する

jQueryで画像にマウスオーバーした際見出しをスライド表示する

jQueryで画像にマウスオーバーした際見出しをスライド表示するスルプリクトが「Sliding Boxes and Captions with jQuery」で紹介されていましたので、使い方の解説をしたいと思います。

demo page

page top へ

Sponsor

  • heteml
  • Movable Type

Category

Recent Article

2011 04-05
iPhone スマートフォンサイトのデザインのまとめ
2011 04-04
スマートフォン対応にしてみました
2011 04-01
CSS3 要素を透明に出来る Opacity と RGBa の使い方
2011 03-31
サイトリニューアルしました
2010 12-01
CSS3 でボタンを作る為のテクニック、サンプル集
2010 11-24
綺麗でリッチなフッターデザイン集のまとめ 60
2010 11-18
緑と黒色を使った Webデザインのサイト 25
2010 11-10
知っておいた方が便利なエクセルの知識

Recent Comments

Archive

2011年
2010年
2009年
2008年