Javascript・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...
jQuery

[WordPress]Contact Form 7で確認ページを挟むためのjQueryプラグイン

WordPressのContact Form 7を強化するための非常に便利なjQueryプラグインが紹介されておりましたので、早速利用してみました。 このjQueryプラグインを利用することで、Contact Form 7で設置したお問い合...
スポンサーリンク