JavaScript

スポンサーリンク
IT

CSSで要素の縮尺を変更する方法/transform:scaleプロパティの使い方

transformプロパティはCSS3から追加された新しいプロパティで、transform:scaleはその中でも要素の「伸縮」を担当しています。width・heightと似てますが、ちょっと使い方がちがいます。
IT

cssで画面の右下に「トップへ戻る」ボタンや画像を固定する方法/position:fixedの使い方

position:fixedの使い方はわかった。ヘッダーを上に固定することもできるし、top:0、left:0で左上に固定することもできる。しかし右下によくある「トップへ戻る」ボタン、レスポンシブで画像のサイズに依存せず常に右下にあるあ...
IT

jQueryでマウスカーソルが乗ってる間だけボタンの見た目を変える方法/hoverイベントの使い方

CSSなどと同じようにhoverイベントでマウスが乗っている間の挙動を決めますが、jQueryの場合はセットで「カーソルが外れたとき」も一緒に記述することができます。CSS側で:hoverで指定するほうがシンプルかつ速いので、必然性がなけれ...
IT

jQueryでセレクタがクラスを持つ・持たないで条件分岐する方法/hasClassメソッドの使い方

jQueryでCSSを直接いじることもできますが、ある程度まとめて見た目を変更したい場合にはやはりクラスなどの付け替えが簡単です。「特定のクラスがセレクタに付いているかどうか」を判別できるhasClassメソッドを使えば、クリックするたびに...
IT

jQueryで要素をアニメーションさせながら表示する方法/show、fadeIn、slideDownメソッドの使い方

jQueryで要素を表示するだけであればshowメソッドだけで事足りますが、アニメーションしながら表示するということだと、いくつか種類があります。
IT

JavaScriptでセレクタ指定でHTML要素を取得する方法/querySelectorメソッドの使い方

JavaScriptからHTML要素を取得するには、get~メソッドの他にquerySelector/querySelectorAllを使う方法があります。セレクタというのは、CSSで頭につけるアレです。タグ名だけでなく、クラスやIDでの指...
IT

JavaScriptで配列を作成し、値を代入する方法/Arrayオブジェクトの使い方

プログラムにおける配列とは、同系列のデータをひとつの変数と添え字にまとめたものです。 ExcelでA1に「住所」と見出しをつけて、A2、A3、A4...と住所を入力していくようなイメージです。
IT

javascriptでHTML属性を使わず要素にイベントを割り当てる方法/addEventListenerメソッドの使い方

平たく言えば関数を動かすメソッドです。 JavaScriptでイベントに対してなんらかの反応を返させる際、ひとつのイベントにふたつの関数を設定すると前に書いたほうの関数は上書きされて実行されません。 ひとつのイベントに複数の関数を設定し...
IT

JavaScriptで新しいwindowを開き、文字を表示する方法/document.open・writeメソッドの使い方

windowオブジェクトのdocumentに文字を表示するdocumentメソッドのご紹介です。そのまま使うとページがまるごと更新されてしまうので、新しいウィンドウを作って実行しています。
IT

JavaScriptで要素の座標を取得する方法/getBoundingClientRectメソッドの使い方

getBoundingClientRectは、HTMLエレメント(要素)の位置座標を取得することができるメソッドです。