Javascript・jQuery の記事一覧
以前紹介させていただいたjQuery Datepickerですが、カレンダーの日付をクリックして表示される日付のフォーマットをyy/mm/dd
に変更する方法のご紹介です。
続きを読む
jQueryのスムーススクロールを使って指定の場所へページ内遷移した時、アンカー名から上下に位置にずらして着地させる方法のご紹介です。
例えばヘッダーがページ上部に固定されていて、ヘッダーの高さ分だけ着地点を調整しないといけないような場合に便利なカスタマイズです。
続きを読む
[JS]jQuery fatNavの拡大縮小アニメーションを停止する方法
以前にシンプルなフルスクリーンメニューのjQueryプラグインjQuery fatNavの記事で紹介させていただいたjQuery fatNavで、ドロワーメニューの拡大縮小アニメーションをやめる方法のご紹介です。
制作案件でjQuery fatNavを使用した際に、別のjQueryプラグインとの兼ね合いでどうしてもメニューの拡大縮小のエフェクトを外さないといけなかったという事情があり…
だったらjQuery fatNavを使うなという話ですがww、案件の都合で仕方なかったのでカスタマイズしました。
続きを読む
このブログでもbxsliderなど、いくつか便利なスライダープラグインを紹介させていただいておりますが、今回はjQuery不要の高機能スライダーSwiperの使い方を、デモ付きで紹介しようと思います。
SwiperはIMG画像ファイルだけでなく背景画像もスライド可能で、しかもレスポンシブ対応のスライダーなので、様々なサイトで利用することができると思います。
続きを読む
テキストを縦書きにできるJavascript「h2vR.js」のご紹介です。
ファイルも軽量でjQuery不要で使えますし、ちょっと縦書きにして表示したいテキストにピンポイントでクラスを付与するだけなので、CSSでも縦書きの指定ができますが個人的にはh2vR.jsを使う手もありかなと思います。
続きを読む
jQueryのスムーススクロールを使うことはよくあるのではないかと思いますが、今回は指定したクラスの<a>タグをスムーススクロールから除外する方法を紹介させていただきます。
続きを読む
ハンバーガーメニューをクリックして、フルスクリーンでナビゲーションメニューを表示できるjQueryプラグイン「jQuery fatNav」のご紹介です。
続きを読む
以前に 郵便番号から住所を自動入力できるjavascript「ajaxzip3」 の記事でも紹介させていただいたAjaxZip3 ですが、2016年1月に「Google Code」が閉鎖される 影響により、Google Code 版からGithub 版へ移行する必要があります。
続きを読む
メールフォームなどテキストボックスへ文字を入力する際に、半角数字のみに制限してくれるjQueryプラグイン「jQuery Plugin – Numeric」のご紹介です。
続きを読む
jQueryで、ページをスクロールしたら「ページの先頭へ」のリンクを表示/非表示する方法のご紹介です。
「ページへ先頭へ」リンクは、ページを開いた時には表示されませんが、少しスクロールする(今回の例ではページ上部から100px)とフェードインで表示され、リンクを踏んでページ先頭へ戻るとフェードアウトで非表示になる、という動きになります。
続きを読む
ソースコードやテキストをクリップボードにコピーしてもらうのに便利なjQuery プラグイン「clipboard.js」のご紹介です。
続きを読む
input type=”text”などのフォームへテキストをペーストさせないように、jQueryで制御する方法のご紹介です。
続きを読む
ページ読み込み時のローディングを簡単に実装できるjQueryプラグイン「fakeLoader.js」のご紹介です。
fakeLoader.jsにはローディングのアニメーションが最初から7種類用意されており、またローディング画面の表示時間や背景色などの設定も可能ですので、非常に便利なプラグインではないかと思います。
続きを読む
フォームで送信ボタンがダブルクリックされ、メールが二重送信されてしまうことを防ぐためのjQuery プラグイン「jQuery Form disable on submit」のご紹介です。
※jQueryを使うため、サーバーサイドではなくクライアントサイドでの防止策になります。
続きを読む