CSS

リセットCSS

HTMLを書いていると、h1とかh2などのタグ表示がWebブラウザによって少しずつ異なっていることに気付きます。 これは、Webブラウザ毎にデフォルトのCSSを持っていることが原因のようで、リセットCSSによってWebブラウザ毎の違いをあ...
Javascript

jQueryでback to top

画面右下に、ページTOPへ戻るためのボタンを表示します。 これってHTMLだけでも実現可能ですが、jQueryを使って下にスクロールした時だけ表示するとか、アニメーションで戻すといった表示を実現するためコレ(↓)を採用。 JavaS...
Javascript

jQueryでカルーセル

「なんか画像がクルクル回転するやつ」のことをカルーセルというようです。 jQueryのプラグインとして色々と提供されていますが、サンプルとして「bxslider」を使った例を。 手順は下記の3つ。 1.ヘッダに下記3つを記...
Javascript

jQueryで.animate()

jQueryのお勉強。 要素(何を):$("#circle") イベント(いつ):.on("click") メソッド(どうする):.animate() ↓サンプル <!DOCTYPE html> &lt...
Javascript

Javascriptで動的に生成した要素へのイベント設定方法

元々のHTMLなど静的に書かれているものではなく、Javascriptで動的に生成した要素に対してイベントを設定する場合、以下のように .on() を使うと出来るようです。 #よく考えれば、静的要素と同じような設定はできないことは当たり前...
スポンサーリンク