タグ "jQuery" を含む投稿を表示中：97件
- 【JavaScript】マウスホバー時のテキストカラーをカスタムデータ属性で指定する方法 たとえば次のようなHTMLを書いたとき。 <a href="#" data-color="#ff0066">リンク文字列</a> カスタムデータ属性（この場合は「data-color」）で指定した値を、マウスホバー時... 【JavaScript】マウスホバー時のテキストカラーをカスタムデータ属性で指定する方法続きを読む →
- 【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］の使い方続きを読む →
