javascript jQueryでドラック&ドロップを禁止する【画像保存禁止方法】 ドラック&ドロップを禁止する方法下のコードは、ページ全ての要素でドラッグ&ドロップを禁止します。もし、画像のみをドラッグ&ドロップ禁止にしたい場合は、ターゲットを「$(document)」から「$("img")」に変更してください。$(do... 2019年07月13日 jQueryjavascriptサイト制作
javascript 右クリック禁止方法|jQuery【画像保存禁止】 右クリックを禁止にすると画像の保存を出来辛くすることができます。右クリックできなくする範囲を今回は2つ用意しましたが、「div」や特定クラス・IDにも指定可能です。ページ全体で右クリック禁止方法ページ全体を右クリック禁止することで画像の保存... 2019年07月12日 jQueryjavascriptサイト制作
javascript 【jQuery】選択した場所の「値」取得方法 選択された値を取得してアクションを起こす方法のご紹介です。選択した要素の取得にはjQueryの「.index(this)」を利用します。選択した値を取得【jQuery】var list = $("li").index(this);【DEMO... 2019年07月11日 jQueryjavascriptサイト制作
javascript 【jQuery】ブラウザバックでリフレッシュ ブラウザバックでリフレッシュ window.onpageshow = function(event) { if (event.persisted) { window.location.reload(); } };さらにブラウザバックでキャッ... 2019年07月09日 jQueryjavascript
javascript jQueryで画面遷移させる方法 jqueryで遷移する方法をご紹介します。画面遷移する場合、javascriptでは「window.location.href」と記述しjQueryだと「location.href」で遷移することができます。今回はすべてjQueryで書いて... 2019年07月02日 jQueryjavascriptサイト制作
javascript jQueryでマウスカーソルの位置を取得する方法 マウスカーソルの取得でよく使う値は、トップからの位置ぐらいなものですが知っておくと便利な、色々な場所からのカーソル値の取得方法のご紹介です。さらに最後に、カーソルの値を使った面白いウェブサイトのご紹介もあります。カーソルの値だけ取れてもつま... 2019年07月01日 jQueryjavascriptサイト制作
javascript jQueryでボタンを押すと前面に広がるメニューの実装方法 スマホサイトでよく見るドロワーメニュー(三本線)を押すと前面に広がるメニューを実装してみようと思います。HTMLとCSSまずはメニューを出した状態で重なりを調節します。今回は、「 header 」が一番上でその下にメニューが来て、さらに下に... 2019年06月26日 jQueryjavascript
javascript jQueryでページ内リンクを固定ヘッダー分ずらす方法 昨日、「スムーススクロールでページ内リンクをそっこう実装できるjQuery」を紹介しましたが、固定ヘッダーがあると、その分ずらさなくちゃいけない。。。。すごい手間。今回はそんな手間をそっこう解決できるjQueryのご紹介です。基本になるHT... 2019年06月25日 jQueryjavascriptサイト制作
javascript jQueryでスムーズにページ内リンクを移動する方法 ページ内のリンクになにも設定しない場合、アニメーション無しでカクッと切り替わっちゃって大変不格好。そんな不格好なページ内リンクを優しくするする~っと移動する方法をご紹介します。下のコードをjsファイルに張り付けると、ページ内リンクのaタグ全... 2019年06月24日 jQueryjavascriptサイト制作
javascript jQueryでmarginとpaddingを含めた値の取得方法 全ての親要素の値を取得するなら「.height()」でいい。でも、ちょくちょく「margin」や「padding」、「border」を含めた値が欲しくなる時があります。いつも忘れてしまうので、これを期に覚えようじゃないかと思いまして書いてゆ... 2019年06月23日 jQueryjavascriptサイト制作
javascript jQueryでスル~っと表示/非表示する方法 1行で実現できるフェードイン・フェードアウトレシピの紹介です。表示させるボタンには、あらかじめCSSで「display:none;」をかけておきます。フェードインボタン 表示ボタン HTML<div class="fadein_btn"> ... 2019年06月21日 jQueryjavascriptサイト制作