Izolálása képrészeken segítségével
Izolálása képrészeken segítségével maphilight.js
Ebben a cikkben fogunk megismerkedni nagyon érdekes véleményem jquery-plugin maphilight.js. Vigye az egeret a kép, minden szobában jelölt terület egy üzenetet jelenít meg az egyes lakások: név, terület leírását. Ez a hatás lehet használni, hogy meghatározza azokat a területeket a térképen, rajz minták, stb
Lássuk, hogyan működik. A feladat elvégzéséhez szükségünk van jquery-plugin maphilight.js. A jQuery könyvtár, a kívánt képet, és egy forrás, amely meg fog jelenni a kép területén.
Csatlakoztassa a szükséges könyvtárak:
Add stílust a tooltip:
Hozzáadása js-szkriptek feldolgozásához egér mozgását és a hozzá tooltip leírás:
Adja meg a címkét a kívánt képet:
Menj a honlapon terület kijelöléséhez. Kövesse a képernyőn megjelenő utasításokat:
Másolás területen térkép nélkül tag tag. Adja hozzá a címkét minden területen a következő attribútum értéke: „”, és betette a címke: „”, hogy a kód így néz ki Prima:
Ennek eredményeképpen, ha mindent jól, meg kell nyitni a képet, ha lebeg, amelyen fényes területeken.
Mint egy bónusz, egy másik példa a területen: Kitten „HAV” és a testrészek)