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

Izolálása képrészeken segítségével

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:

Izolálása képrészeken segítségével

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)

Izolálása képrészeken segítségével

Kapcsolódó cikkek