|  Tantárgy:|[[egyetem:webc2:menu|Webes rendszerek kliens oldali programozása 2. [IM3314, WP3316] ]]|
|  Tananyag:|[[egyetem:webc2:jquery:menu|jQuery - Bevezetés]]|
|  Feladat:|[[egyetem:webc2:jquery:f2: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ó:
  - Helyezzük fel a felületre "[[egyetem:webc2:jquery:f2:jquery_homero|jquery_homero.png]]" képet.
  - Készítsünk 3 gombot a következő feliratokkal: Hideg; Pont jó; Meleg
  - 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.
  - Használjunk a megoldáshoz jQuery animációt.
====== Feladat megoldása fejlesztési részfeladatok segítségével ======
|  [[egyetem:webc2:jquery:f2:reszek1|1. részfeladat]]|HTML felület létrehozása a képpel és a gombokkal|
|  [[egyetem:webc2:jquery:f2:reszek2|2. részfeladat]]|Készítsünk jQuery betöltődéskor aktiválódó scriptet.|
|  [[egyetem:webc2:jquery:f2:reszek3|3. részfeladat]]|Vizuális megjelenés megoldása (mintha hideg lenne)|
|  [[egyetem:webc2:jquery:f2:reszek4|4. részfeladat]]|"Meleg" állapot létrehozása|
|  [[egyetem:webc2:jquery:f2:reszek5|5. részfeladat]]|"Hideg" állapot létrehozása|
|  [[egyetem:webc2:jquery:f2:reszek6|6. részfeladat]]|"Pont jó" állapot létehozása|