*   >> läser Utbildning artiklar >> tech >> web design

HTML Bild Map

rre rektangeln. I värdet av koordinater egendom, börjar du med par av de övre vänstra hörnet av den önskade rektangeln; detta följs av paret av nedre högra hörnet av den önskade rektangeln. Detta ger fyra koordinater helt och hållet. Du sätter dessa fyra koordinater utan sina parenteser som värde till koordinater attribut, separera dem med kommatecken. I rektangeln av ovanstående kod, koordinaterna för det övre vänstra hörnet av den önskade rektangeln är (10,10); koordinaterna för det nedre högra hörnet är (60,40) .

Coordinates av en cirkulär AreaWith cirkeln, du behöver ett par koordinater som bestämmer mittpunkten av cirkeln. Då behöver du längden på cirkelns radie i pixlar. Detta ger dig tre siffror för värdet av den coords attributet av området element för cirkeln. I ovanstående kod, är (150.100) koordinaterna för cirkelns centrum. Radien för cirkeln är 30. Dessa tre värden är i pixlar. Enheten för pixel (px) är inte skriven. För de tre figurerna är koordinaterna för centrum skriven först; radien skrivs nästa.

Koordinaterna för en polygon samarbetsområdet polygon kan vara regelbunden eller oregelbunden. Det viktiga är koordinaterna. Varje vertex av polygon har ett par (x, y) koordinater på samma sätt som de övre vänstra och nedre högra hörn av önskad rektangel har (x, y) koordinater. I värdet av den coords attribut av polygon börjar du med paret av koordinaterna för en punkt. Du flyttar runt polygon skriva koordinaterna för hörn utan att hoppa över någon. När du är färdig, se till att det första koordinatparet som du skrev skrivs igen i slutet av listan över koordinat pairs.

In koden ovan vi har en triangel. Det första koordinatparet är (270.170); den andra är (300.200); och den tredje är (240200). Den första en upprepas som (270.170) i ​​slutet av listan. Alla siffror i värdet av koordinater attribut avgränsas med kommatecken. Att ett område en HyperlinkTo göra ett område elementet en hyperlänk, bara ge den href attribut och motsvarande värde, som i koden above.Making ett område svara på en mus EventTo göra ett område svara på en mushändelse, bara ge det ett händelse attribut och värde som för det tredje elementet området i ovanstående code.

You kan prova ovanstående kod. Använd bara någon .jpg bilden och ge den namnet, https://www.bukisa.com/articles/111370_html-image-map/myimg.jpg. När du flyttar muspekaren till ett område som är en länk skulle muspekaren blir en hand. Om du flyttar muspekaren över det område som triangeln, kommer en varningsruta visas

Page   <<  [1] [2] [3] [4] >>
Copyright © 2008 - 2016 läser Utbildning artiklar,https://utbildning.nmjjxx.com All rights reserved.