| Tantárgy: | Webes rendszerek kliens oldali programozása 2. [IM3314, WP3316] | |
| Tananyag: | jQuery - Bevezetés | |
| Feladat: | Hőmérő emuláció | |
| Kidolgozás: | Feladat megoldása fejlesztési részfeladatok segítségével | |
| Előző részfeladat: | 2. részfeladat | |
Vizuális megjelenés megoldása (mintha hideg lenne)
Ahhoz, hogy emulálni tudjuk a hőmérő higanyszálás, azt kell megoldanunk, hogy úgy látszódjon, mintha mozogna.
Mivel a képen már látszódik a teljes higanyszál, ezért fordítva kell gondolkoznunk, le kell takarni a meglévő higanyszálat amegfelelő állapot megjelenítése céljából.
Hozzunk létre egy DIV elemet, állítsuk be úgy hogy a hőmérő előtt jelenjen meg, állítsuk be a méretét és színét úgy, hogy letakarja a meglévő piros higanyszálat, és ezáltal megjelenésében úgy tünjön, mintha hideg lenne!