jQueryプラグイン・ライブラリ [jQuery]シンプルなドロップダウンメニューが簡単に実装できるプラグインDroppy
ヘッダーのグローバルメニュー等で、マウスオーバーによるドロップダウンメニューを実現させるためのjQueryプラグインDroppy。 シンプルなプラグインなので手軽に設定できますし、メニューの階層が深い場合でも入れ子のドロップダウンメニューが...
Javascript・jQuery
jQueryプラグイン・ライブラリ jQueryプラグイン・ライブラリ [JS]SimpleModalとjQuery Cookieによる認証ボックスの実装方法
18禁サイトのように、サイト訪問時に年齢確認などのアラートボックスを表示させ、「認証」ボタンを押したら次回のアクセス時からはアラートを出さないようにする、という処理のご紹介です。 jQuery プラグインのダウンロード アラートボックスには...
Javascript・jQuery [JS]jQueryを利用してIEで出現する「リンク画像の点線」を消す方法
画像をaタグでマークアップする際、IE以外のブラウザだと問題ないですが、IEで見ると点線が出て気持ち悪いのでjQueryを利用してフォーカスを外します。 jQueryを利用してフォーカスを外す jQueryを利用して点線を出さないようにしま...
Javascript・jQuery [JS]画像をオーバーレイで拡大表示させる「Lightbox 2.05」の使い方
Lightboxは昔からメジャーなプラグインなので、今更説明も不要かもしれませんが…。 現在、Lightboxのバージョンは2.5系になっているものの、2.05を使わざるを得ない事情が色々ありますため（その辺は記事の最後に書いてます）、改め...
jQueryプラグイン・ライブラリ [Javascript]IE6でも透過PNGが使えるようになるライブラリDD_belatedPNG
WEBサイトを作っていると「透過画像」を使うことが多いのですが、一番の悩みは「IE6では透過画像が正常に表示されない」ので、こいつの対応をどうしてあげるか…です。> <; IEでも7以降や他のブラウザであれば問題なく表示されますので、IE6...
jQueryプラグイン・ライブラリ [JS]ハッシュタグ（#）によるページ内リンクを滑らかに移動させるsmoothScroll.js
「ページの先頭へ」などのハッシュタグ付き（#）のリンクを滑らかに動かすことができるsmoothScroll.jsのご紹介です。 javascriptファイルを<head>内に設置すれば動きますし、滑らかに動かしたくないリンクの除外設定もでき...
Javascript・jQuery a href=にjavascript:void(0)を指定する際の注意点
void(0)は「何も処理しない」という時に使用します。 aタグのhref属性ではリンククリックを無効化（処理しない）して、onClick属性に書かれたスクリプトを実行する、なんて使い方が多いと思います。 javascript:void(0...
jQueryプラグイン・ライブラリ [Javascript]画像を鏡面反射させるreflection.jsの使い方
WEBをやり始めた頃は「画像が鏡面反射する」見せ方がカッコよくて頻繁に使っていたような気がします。。。 最近ではそのようなサイトデザインからもご無沙汰でしたが、とある仕事で久々に必要になったこともあって、画像の鏡面効果を演出できるrefle...
WordPress [WordPress]Contact Form 7で確認ページを挟むためのjQueryプラグイン
WordPressのContact Form 7を強化するための非常に便利なjQueryプラグインが紹介されておりましたので、早速利用してみました。 このjQueryプラグインを利用することで、Contact Form 7で設置したお問い合...