カテゴリー: JavaScript
-
ページのスクロールに応じてアニメーションしながら要素を表示できるスクリプト「ScrollTrigger」
ScrollTriggerは、ページのスクロールに応じて、要素をアニメーションさせながら表示できるようになるス…
-
スマホで画面を下に引っ張るとリロードする機能を実装できる「PulltoRefresh.js」
PulltoRefresh.jsは、スマホやタブレットで画面を下に引っ張ると、ページをリロードできるようになる…
-
JavaScriptやjQueryを使ってサイト上での右クリックを禁止する方法
JavaScriptやjQueryを使って、サイト上で右クリックができないようにする方法をご紹介いたします。 …
-
iframe内のリンククリックをトラッキングすることができるjQueryプラグイン「iframeTracker」
iframeTrackerは、iframe内のリンククリックを計測するためのjQueryプラグインです。ifr…
-
チェックを入れたら入力可能になるテキストボックスをjQueryで実装する方法
HTMLフォームで、チェックを入れた時だけ有効になるテキストボックスを実装する方法をご紹介いたします。 今回は…
-
テーブルをレスポンシブ対応にしてくれるjQueryプラグイン「resTables」
resTablesは、テーブルをレスポンシブ対応にしてくれるjQueryプラグインです。ブラウザの幅が縮まると…
-
画像に透かしを入れることができるjQueryプラグイン「Watermark」
※2018/11/09追記 Watermarkの配布ページはなくなっていました。提供終了したようです。 Wat…
-
全画面もしくは指定した要素全体に背景画像を表示することができるjQueryプラグイン「BACKSTRETCH」
BACKSTRETCHは、ウインドウ全体もしくは指定要素の全体に背景画像を表示することができるjQueryプラ…
-
スクロール量をプログレスバーで表示してくれるjQueryプラグイン「Scrollgress」
Scrollgressは、ページのスクロール量をプログレスバーで視覚的にわかりやすく表示してくれるjQuery…
-
サイト閲覧時にスクロール量を表示してくれるjQueryプラグイン「Scrolline.js」
Scrolline.jsは、ページ全体のどこまでスクロールしているかを、視覚的にわかるように表示してくれるjQ…
-
スクリプトを読み込むだけでYouTubeなどの埋め込み動画をレスポンシブ対応してくれる「superembed.js」
superembed.jsは、読み込むだけでYouTubeやVimeoなどの埋め込み動画をレスポンシブ対応して…
-
サイトの読み込み中にローディング画面を表示する方法
サイトにアクセスした時に、ページの読み込みが完了するまでローディング画面を表示する方法をご紹介いたします。 デ…