javascript jQueryでaタグのURL(href)取得方法 jQueryでaタグのhrefを取得するには、「$('a').attr('href');」を使います。「$('a').attr('href');」を使ったDEMOと説明は下に書いていますので、よろしければ見てください! 2019年10月18日 javascriptjQuery
javascript jQueryでスクロールしたら特定位置で固定する方法 ヘッダーが消えそうになると上に固定されたり、カラムが特定位置で固定されたりなんとなくどうやってやっているのか気になっていたので、調べてみたら理解できた!その理解したことについてまとめます。1まずは「特定位置」を取得しようある要素、ここでは「... 2019年07月28日 javascriptjQuery
javascript jQuery|スクロールして要素が見えたら表示し見えなくなったら非表示にする スクロールしたら画像やコンテンツが表示するサイトは、凝っているなと思ってしまいます。(スクロールしたら表示されっぱなしを作るセットはこちら)そしてもっと凝っているなっと思うのは、スクロールして見えなくなると、そのコンテンツが消えるサイト。そ... 2019年07月22日 javascriptjQueryサイト制作
javascript jQuery|スクロールして要素が見えたら表示する スクロールしたら画像やコンテンツが表示するサイトは、凝っているなと思ってしまいます。そんな凝ってるサイトをコピペで簡単に作れるセットのご紹介です。基本となるHTMLとCSS基本となるHTMLとCSSは、下に記載します。CSSの「.anime... 2019年07月21日 javascriptjQuery
javascript 【jQuery】画像などのファイルダウンロードボタンを実装 ダウンロードボタンを押すと画像がデスクトップに自動保存するボタンの実装方法についてまとめました。昨日書いた記事で画像のダウンロードボタンを作った際に、「これは忘れそう!」っと思い記事にしました。【HTML】 <a class="downlo... 2019年07月18日 javascriptjQuery
CSS 【jQuery・CSS】画像保存禁止方法まとめ スマホ、PCの画像保存を禁止する方法まとめ。結果から言うと、スマホのスクショで保存を止めることはできませんでした。まずは、PCの画像保存禁止から【PC】右クリックを禁止するjQuery jQueryで右クリックを禁止する【画像保存禁止方法】... 2019年07月16日 CSSjavascriptjQuery
CSS PC・スマホで画像保存させない方法【画像保存禁止】 jQueryで画像をDivで囲うCSSとjQueryで画像の手前に透明な要素を追加して、画像を保存しようとしても画像に触れなくする方法。まずは、jQueryで画像(imgタグ)を検知し、その画像をDivで囲います。この時、CSSでスタイルを... 2019年07月15日 CSSjavascriptjQueryサイト制作
CSS CSSでスマホの長押し禁止【画像保存禁止方法】 CSSだけでスマホの長押し画像保存を禁止する方法をご紹介します。PCでは少しだけダウンロードされにくくなるだけなので、スマホだけ有効にすべきです。(右クリックで画像をダウンロードすると、画像が保存されるのではなくページで利用されているソース... 2019年07月14日 CSSjavascriptjQueryサイト制作
javascript jQueryでドラック&ドロップを禁止する【画像保存禁止方法】 ドラック&ドロップを禁止する方法下のコードは、ページ全ての要素でドラッグ&ドロップを禁止します。もし、画像のみをドラッグ&ドロップ禁止にしたい場合は、ターゲットを「$(document)」から「$("img")」に変更してください。$(do... 2019年07月13日 javascriptjQueryサイト制作
javascript 右クリック禁止方法|jQuery【画像保存禁止】 右クリックを禁止にすると画像の保存を出来辛くすることができます。右クリックできなくする範囲を今回は2つ用意しましたが、「div」や特定クラス・IDにも指定可能です。ページ全体で右クリック禁止方法ページ全体を右クリック禁止することで画像の保存... 2019年07月12日 javascriptjQueryサイト制作
javascript 【jQuery】選択した場所の「値」取得方法 選択された値を取得してアクションを起こす方法のご紹介です。選択した要素の取得にはjQueryの「.index(this)」を利用します。選択した値を取得【jQuery】var list = $("li").index(this);【DEMO... 2019年07月11日 javascriptjQueryサイト制作
javascript 【jQuery】ブラウザバックでリフレッシュ ブラウザバックでリフレッシュ window.onpageshow = function(event) { if (event.persisted) { window.location.reload(); } };さらにブラウザバックでキャッ... 2019年07月09日 javascriptjQuery
javascript jQueryで画面遷移させる方法 jqueryで遷移する方法をご紹介します。画面遷移する場合、javascriptでは「window.location.href」と記述しjQueryだと「location.href」で遷移することができます。今回はすべてjQueryで書いて... 2019年07月02日 javascriptjQueryサイト制作
javascript jQueryでマウスカーソルの位置を取得する方法 マウスカーソルの取得でよく使う値は、トップからの位置ぐらいなものですが知っておくと便利な、色々な場所からのカーソル値の取得方法のご紹介です。さらに最後に、カーソルの値を使った面白いウェブサイトのご紹介もあります。カーソルの値だけ取れてもつま... 2019年07月01日 javascriptjQueryサイト制作
javascript jQueryでボタンを押すと前面に広がるメニューの実装方法 スマホサイトでよく見るドロワーメニュー(三本線)を押すと前面に広がるメニューを実装してみようと思います。HTMLとCSSまずはメニューを出した状態で重なりを調節します。今回は、「 header 」が一番上でその下にメニューが来て、さらに下に... 2019年06月26日 javascriptjQuery