WEBサイト制作の勉強

WEBサイト制作の勉強の為の解説ブログです。

jQuery演習

使用するjQueryメソッド

  • .on()
  • .css()
  • .fadeIn()
  • .fadeOut()


【問01】「変化」ボタンをクリックしたら300pxの正方形であるdiv#boxの背景色が黒色から、赤色に変わるように記述しなさい。


【問02】「変化」ボタンをクリックしたらh2に対して文字色が赤、背景色が黒、文字の大きさが16px、文字の太さがノーマルになるよう記述しなさい。


【問03】「フェード・アウト」ボタンをクリックしたら、画像が0.5秒かけて徐々に非表示になるようにしなさい。


【問04】「フェード・イン」ボタンをクリックしたら【問09】で非表示になった画像が「slow」のタイミングで表示されるようにしなさい。

広告を非表示にする