WEB

CSS

リセットCSS

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

jQueryでback to top

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

jQueryでカルーセル

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

jQueryで.animate()

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

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

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