読者です 読者をやめる 読者になる 読者になる

Webデザインの勉強 ハロートレーニング 受講生のためのWebデザインの勉強補足ブログ

jQueryテスト範囲例

【例01】

  • 「List3」を追加して表示するよう記述しなさい
<ul>
  <li>List1</li>
  <li>List2</li>
</ul>

【例02】

  • ボタンをクリックしたら、表示してある「幅100px・高さ100px」の正方形が1000px移動して止まるように記述しなさい
  • スピードは「600」

【例03】

  • 幅300px、高さ300pxの正方形3種類(面積の色が違う)をブラウザーに表示させるとき、非表示から「即座に表示」「スローで表示」「5秒かけて表示」と表示の仕方をわけて記述しなさい

【例04】

  • 【例03】で記述した正方形を、ボタン「表示」「非表示」で、表示・非表示を繰り返し実行されるよう記述しなさい

【例05】

  • 【例04】で記述した正方形を、ボタン「表示・非表示」で、表示・非表示を繰り返し実行されるよう記述しなさい

【例06】

  • 以下のようなひとつの画像を、クリックするたびに「A」「B」「C」「D」「E」と繰り返し切り替わるような記述をしなさい

【例07】

カフェフード
-オリジナルパンケーキ
-オリジナルケーキ
-オリジナルアイスクリーム

カフェドリンク
-オリジナルコーヒー
-オリジナル紅茶
-オリジナルジュース

手作りパン
-クロワッサン 
-塩バターパン
-メロンパン

【例08】

  • サムネールをクリックするとメイン画像がその画像に変更されるよう記述しなさい


【例09】

  • 横に動くスライダーを記述しなさい(幅800px、高さ250px)
  • 左右の画像は作成する
  • var interval = 4000;
  • var duration = 1000;


【例10】

  • フィルタリングをさせなさい
  • 時間が足りない場合は、色のフィルタリング
  • 余裕があれば、アイテムのイラストを書き起こしてフィルタリング




広告を非表示にする