javascriptの検索結果

リンク要素をマウスオーバー時に画像表示する

リンク要素をマウスオーバー時に画像表示する

今回紹介する jQuery プラグインは、リンク要素にマウスオーバーした際に、画像やテキストをポップアップ形式で表示してくれます。

以前に似たようなプラグインを紹介しましたが、今回紹介するのがいろいろと応用も効くような気がします。

demo page

jQuery マウスオーバーしていない画像部分が薄くなるスクリプト

jQuery マウスオーバーしていない画像部分が薄くなるスクリプト

マウスオーバーしていない部分の画像がオーバーレイがかかった感じに薄くなり、マウスオーバーしている部分の画像だけが目立つようになるスクリプトです。

Using Opacity to Show Focus with jQueryで紹介、配布されいるのですが使い方を紹介しておきます。

demo page

jQueryでselectボックスの見ためを変えるプラグイン

jQueryでselectボックスの見ためを変えるプラグイン

select関係のプラグインは海外のサイト含め色々調べてみたのですが、5509 のnoriさんが作った「selectボックスをシンプルなプルダウンに拡張するjQuery.selectable.js 」が一番クオリティも高く、自分も使わせて頂いた経験もあるので紹介しておきます。

floatさせた要素をレンガ風に整列してくれるjQuery Masonry

floatさせた要素をレンガ風に整列してくれるjQuery Masonry

floatさせると要素の高さによっては、想定していたように並ばないことがあるかと思うんですが、そんな時に使えるのが今回紹介するjQuery Masonryです。

まず水平方向に合わせた後、垂直方向にもあわせるので、綺麗に要素を整列できます。

demo page

jQuery ドロップダウンメニュー

input内のテキスト表示しfocusするjQueryプラグイン

ナビゲーションにマウスオーバーした際にドロップダウン式にサブメニューみたいな感じで表示してくれる jQuery のプラグインです。

demo page

Flashの用な動きのあるサイドメニュー

Flashの用な動きのあるサイドメニュー

マウスオーバーした Flash の伸縮するアニメーションをしてくれる jQuery のプラグインです。

demo page

input内のテキスト表示しfocusするjQueryプラグイン

input内のテキスト表示しfocusするjQueryプラグイン

フォームに使う際、input内にうっすらとテキストを表示し、focusした際にボーダーの色を変更してくれるjQueryのプラグインです。

demo page

右クリックなどの画像ダウンロードを防止するjQueryプラグイン

右クリックなどの画像ダウンロードを防止するjQueryプラグイン

Webサイトに掲載してある画像は、右クリックや画像をドラッグして保存する事が簡単に出来ちゃいます。

Web上で画像保存を完全に防ぐ事は不可能ですが、簡単にダウンロードする事を防ぐ事が出来るjQueryプラグインです。

demo page

jQuery スクロールタブ式メニュー

jQuery スクロールタブ式メニュー

最近 Web関係のブログを見ているとサイドに、カテゴリや最近の記事やコメントなどがタブ式メニューになっているのを見かけたりします。

今回紹介するスクロールタブ式メニューはそこに使える jQuery のプラグインです。

demo page

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