egyetem:webc2:jquery:f2:reszek
| 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ó:
- Helyezzük fel a felületre „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
| 1. részfeladat | HTML felület létrehozása a képpel és a gombokkal |
| 2. részfeladat | Készítsünk jQuery betöltődéskor aktiválódó scriptet. |
| 3. részfeladat | Vizuá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 |
egyetem/webc2/jquery/f2/reszek.txt · legutóbbi módosítás: – Szerkesztő: peter
