タグ "jQuery" を含む投稿を表示中:96件
-
-
-
【HTML5 + jQuery】音声ファイルの再生/停止を制御するボタン ウェブサイトで音声ファイルを再生したい場合、HTML5で単純にaudioタグを使うだけで実現できますが、今回はさらにJQueryを利用して再生と停止をコントロールする方法を紹介します。 まずはHTMLの記述です。 <audio src... 【HTML5 + jQuery】音声ファイルの再生/停止を制御するボタン続きを読む →
-
【jQuery】右クリックを禁止する方法 ウェブサイトで右クリックを禁止して、コンテキストメニューを表示させなくする方法を紹介します。 ウェブサイト全体で右クリックを禁止にする方法 なにがなんでも、とにかく右クリックを禁止にする方法です。 以下のコードで実装できます。 $(func... 【jQuery】右クリックを禁止する方法続きを読む →
-
【jQuery】特定の要素をクリックしたことにする .trigger() の使い方 ある要素をクリックしたことにする .trigger() の使い方を紹介します。 $('#sample').trigger("click"); これで[id="sample"]と名付けられた要素をクリックしたことにできます。 ピュアJavaS... 【jQuery】特定の要素をクリックしたことにする .trigger() の使い方続きを読む →
-
【jQuery】順番に処理を実行する .when() と .done() の使い方 JavaScript を書いているときに、複数の処理を順番に実行したい場面に遭遇します。 そんなときに[.when()]と[.done()]を使うのが便利です。 .when() は先に実行したい処理。 .done() は後で実行したい処理。... 【jQuery】順番に処理を実行する .when() と .done() の使い方続きを読む →
-
【JavaScript】スマホやタブレット端末で、デバイスを回転させたときにイベントを発動する方法 スマートフォンやタブレット端末で、デバイスを回転させて画面が縦横に切り替わったときに、イベントの判定処理を行う方法を紹介します。 回転イベント「orientationchange」を使う デバイスを回転させたときにイベントを発火させるには「... 【JavaScript】スマホやタブレット端末で、デバイスを回転させたときにイベントを発動する方法続きを読む →
-
ブラウザの「戻る」ボタンで画面遷移したときに強制的にリロードする方法 ブラウザの「戻る」ボタンを押したとき。通称「ブラウザバック」と呼ばれる画面遷移が行われたときに、強制的にページを再読み込みさせる方法です。 window.onpageshow = function(event) { if (event.pe... ブラウザの「戻る」ボタンで画面遷移したときに強制的にリロードする方法続きを読む →
-
-
-
-
【jQuery】ページのスクロールに応じて要素を表示する[Scrolla]の使い方 Webページのスクロールに合わせて要素を表示させるjQueryプラグイン[Scrolla]を紹介します。 同様の機能を持つプラグインでは[ScrollReveal]や[jquery.inview]または[WOW.js]などが有名ですが、これ... 【jQuery】ページのスクロールに応じて要素を表示する[Scrolla]の使い方続きを読む →
-
複数のjQueryライブラリ併用時のコンフリクト(衝突)を回避する jQueryプラグインをいくつか同時に使っていると、稀に正しいコードを記述しているはずなのに動かないという事態に陥ります。 これはjQuery同士がコンフリクト(衝突)しているのが原因です。 コンフリクト(競合)とは バージョンの違うプラグ... 複数のjQueryライブラリ併用時のコンフリクト(衝突)を回避する続きを読む →
-
【jQuery】テキストで背景を切り抜く[TextHoler.js]の使い方 今回ご紹介する[TextHoler.js]を使うと、テキストで背景画像をマスキングして切り抜き表示してくれます。 まずはサンプルをご覧ください。 DEMO : https://on-ze.com/demo/jquery-textholer.... 【jQuery】テキストで背景を切り抜く[TextHoler.js]の使い方続きを読む →
-
-
【jQuery】シンプルなパララックス効果を実装できる[parlx.js]の使い方 今日ご紹介する[parlx.js]はパララックス効果を手軽に導入できるjQueryプラグインです。 サンプルは以下に用意してあります。 DEMO : https://on-ze.com/demo/jquery-parlx.js/ データファ... 【jQuery】シンプルなパララックス効果を実装できる[parlx.js]の使い方続きを読む →