Tantárgy:Webes rendszerek kliens oldali programozása 2. [IM3314, WP3316]
Tananyag:jQuery - Bevezetés
Feladat:Hőmérő emuláció

Feladat

Készítsünk egy hőmérőt, amelyen a higanyszál mozgását emuláljuk.

Specifikáció:

  1. Helyezzük fel a felületre „jquery_homero.png” képet.
  2. Készítsünk 3 gombot a következő feliratokkal: Hideg; Pont jó; Meleg
  3. A gombok megynomására hozzunk létre olyan vizuális megjelenítést, amelyek a gombok feliratának megfelelő hőmérsékletet jeleznek a hőmérő piros csíkjával.
  4. Használjunk a megoldáshoz jQuery animációt.

Feladat megoldása fejlesztési részfeladatok segítségével

1. részfeladatHTML felület létrehozása a képpel és a gombokkal
2. részfeladatKészítsünk jQuery betöltődéskor aktiválódó scriptet.
3. részfeladatVizuális megjelenés megoldása (mintha hideg lenne)
4. részfeladat„Meleg” állapot létrehozása
5. részfeladat„Hideg” állapot létrehozása
6. részfeladat„Pont jó” állapot létehozása