JavaScript

JavaScript

【JQuery】【data関数】スクロールするモーダルウィンドウの作り方

プラグインを使わずにJQueryとdata関数を用いてスクロールするモーダルウィンドウを作る方法を紹介します。 そもそもモーダル(ウィンドウ)とは? モーダルとは以下画像のように「メインの画面に被るようにして表示される小さなウ...
JavaScript

スムーススクロールとは。JQueryを使った使い方を解説

スムーススクロールとは スムーススクロールとは、Webサイトのページ内のリンクをクリックすると、すぅーっと目的の場所まで移動してくれる演出のことで、よく目次の中のリンクをクリックするときに見られる演出のことです。 その名の通り...
JavaScript

【JQuery】ナビメニューがクリックされた時、現在地を下線で表示する方法(カレント表示)

カレント表示とは ヘッダー内のナビメニューをクリックした時、クリックされたメニューのみ下線表示して、現在地を表示する方法を「カレント表示」と言います。英語のcurrent(現在の)が由来なのでしょう。 下のResultにて各ヘ...
JavaScript

【2022最新】スライダープラグイン Swiper.jsの使い方

Web制作(コーディング)を学習していくと画像などをスライドさせる方法について学ぶ機会が訪れると思いますが、その中で今回はもっとも代表的なスライダーの一つであるSwiperの使い方について解説していきます。 ライブラリをCDNで読み...
タイトルとURLをコピーしました