WEBサイト制作の勉強

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

jQuery演習問題

  • 「変更」ボタンを押したら、既存のh1要素内のテキストが変更されるよう記さい。

     変更前 クリック前    変更後 クリック後

  • 「変更」ボタンを押したら「on」と「off」が繰り返し、交互に変更されるよう記述し問なさい。
  • 「変更」ボタンを押したら、jQueryCSSメソッドを使い、背景色青で200px正方形のdiv要素を200x400px、背景色緑の長方形に変更させなさい。

  

  • 300pxの正方形を作り、「表示」ボタンを押したら0.5秒かけて フェードしながら表示するように記述しなさい。
  • 「移動」ボタンを押したら、300pxの正方形がx方向に300px移動した後に y方向に100px、アニメーションで移動するように記述しなさい。
  • 「変更」ボタンを押したら、表示されている画像が別の画像が変わり、 alt属性も画像に合った内容に変わるように記述しなさい。
  • 「変更」ボタンを押したら、200pxの正方形と200pxの正円が交互に1秒かけて変形させなさい。変形の指定はcssのtranstionで行うこと。