js

2020/08/07

cssとjsで画面横からブロックが出てくるものを作ってみよう

今回は、cssでよくホームページなどでスクロールした時に横から出てくるものを作ってみようと思います。 画面の横からブロックが出てくるようにするためのhtmlの構造 よく画面の横からスクロールを行うとブロックがニョキと出て […]
2020/06/13

[jquery]slick.jsを使ってスライダーを作ってみよう

今回は、スライダーを作ってみようと思います。ホームページにはトップページにスライダーがあるホームページがやはり多いですよね。そんな幅広く使えわれているスライダーを作っていきます。作り方は非常にシンプルで、slick.js […]
2020/06/11

[js]jqueryでログを出力するにはどうすればいいのか

今回は、jqueryのログの出力方法について書かせていただきます。 jqueryでログを出力することは、取得したデータや、テキスト文などを確認するために使われます。jqueryを使って様々な操作を行う際には、必須となる知 […]
2020/06/05

[jquery]クリック時に矢印を動かして展開したことがわかるアコーディオンの作り方

アコーディオンメニューで開閉を行う際に、開閉されてるかわかるように下向きの矢印がついていることがないですか?開いてない状態では下向きの矢印がついていて、開くと上向きの矢印がついている状態です。 矢印をつけることで開閉して […]
2020/06/03

[jquery]slideToggleを使ってアコーディオンを作っていよう

今回は、queryのslideToggleを駆使してホームページでよく使われるアコーディオンを作ってみようと思います。 アコーディオンは、Q&Aやメニューバーなどある程度の複数のコンテンツを一覧と表示させ、詳細が […]
2020/06/02

[jquery]切り替えタブを作ってみよう

今回はよく使われるタブを作ってみようと思います。 一々、コンテンツ縦にいっぱい並べて表示させるって大変ですよね。タブを作ってコンテンツを切り替えられたら一番いいですよね。今回はそんなタブを作って見ます。考え方は、押したボ […]
2020/06/01

[jquery]テキストボックスが入力された時にどんな文字が入力されているのかを取得してみる

今回は、jqueryを使って、テキストボックスに入力された文字の取得方法についてご紹介したいと思います。テキスト入力に入力された文字を取得することで、入力された文字がどんなものなのか、入力形式として正しいのかどうかという […]
2020/05/23

[js] jqueryでtoggleClassを使ってクラスの付け替えをやってみた

皆様は、toggleClassをご存知ですか?toggleClassを使用することで、つけたいクラスがあった場合は、そのクラスが消去され、クラスがなかった場合は付与されるといった動作をしてくれます。クリックイベント時に、 […]
2020/05/22

[js]jqueryで親要素を取得する方法

今回は、jqueryで親要素を取得する方法をご紹介します。親要素取れて何が嬉しいの?って思う方がいらっしゃる方がいると思いますが、例えば、メニューでサブメニューがあるかどうかなどを判別するときに使えたりします。 HTML […]
2020/05/21

[js]jqueryで特定の要素のクラス名を取得する方法

今回は、jqueryで特定の要素のクラスを取得する方法をご紹介したいと思います。今その特定の要素がどういう状態にあるのかをクラスを決めていることが多いのではないでしょうか?今回はその状態がどんな状態で次どんな状態にしたい […]
2020/05/16

[js]jqueryを使って画面サイズを取得する方法

今回は、jqueryを使って画面サイズを取得する方法についてご紹介したいと思います。画面サイズを取得して何が嬉しいの?って思う方もいらっしゃいますよね。例えば画面サイズに応じて、js側からcssを変更したり文章を書き換え […]
2020/05/10

[js] jqueryでalertを出す方法

ブラウザの上からアラートを出す方法についてご紹介したいと思います。ブラウザの上からアラートを出すためには、javasciptを使用します。 今回は、ボタンをクリックしたらアラートがでるようなサンプルを使っていきたいと思い […]
2020/04/17

ハンバーガーボタンを作ってみよう

今回はハンバーガーボタンを作ってみようと思います。ハンバーガーボタンとは、横線が縦に3つ並んでいるスマートフォンなどでwebページを閲覧しているときに出てくるメニューボタンのことを言います。そんな広く使われているハンバー […]

投稿カレンダー

2020年10月
 1234
567891011
12131415161718
19202122232425
262728293031  

人気記事一覧

category

©狼読