Praneškite apie mus:

Data: Trečiadiens, Sausio 27, 2010

HTML žymės area atributas - coords

Parašė Lukas
Įvertink
(1 balsas)
1 1

Nurodo x ir y koordinates. Naudojamas kartu su shape atributu, kuris parodo zonos formą. Kairio viršutinio kampo koordinatės yra 0,0.

Pavyzdys

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<html>
<head></head>
<body>
 
 
<img src="../img/zvaigzde.png" width="300" height="300" alt="Žvaigždė" usemap="#zvaigzde" />
 
<map name="zvaigzde">
 
  <area shape="poly" coords="150,30,191,104,272,121,217,183,226,267,
150,233,74,268,83,184,24,120,108,104,150,30,150,79,123,124,71,137,
106,175,101,229,152,207,199,229,193,174,231,135,177,126,150,78" 
href="http://lt.wikipedia.org/wiki/%C5%BDvaig%C5%BEd%C4%97" 
target="_blank" alt="Žvaigždė" />
 
</map>
 
 
</body>
</html>

 

pabandyk_pats

 

Sintaksė

<area coords="reikšmė" />

 

Galimos reikšmės

ReikšmėAprašymas
x1,y1,x2,y2 Jeigu shape atributo reikšmė elemente yra rect, tai čia reikia nurodyti viršutinį kairį kampą ir apatinį dešinį stačiakampio kampus, nes rect reiškia, kad bus keturkampis.
x,y,spindulys Jeigu shape atributo reikšmė elemente yra circ, tai čia reikia nurodyti skritulio centro koordinates ir jo spindulį, nes circ reiškia skritulį
x1,y1,x2,y2,..,xn,yn

Jeigu shape atributo reikšmė elemente yra poly, tai čia reikia nurodyti daugiakampio kampų koordinates. Kampų gali būti kiek reikia pagal situaciją, kiekvienam kampui nurodome x ir y koordinates, jei paskutinės koordinatės nesutampa su pradinėmis, tada naršyklė turėtų pati sujungti galutinį ir pradinį taškus, tačiau geriau yra nurodyti paskutines koordinates tokias pat, kaip pradines.

 

Naršyklių palaikymas

ie ff opera chrome safari

coords atributą žymoje <area> palaiko visos pagrindinės naršyklės.

 

Atnaujinimo Data: Trečiadiens, Sausio 27, 2010
Lukas

Lukas

Manualai.lt tinklo autorius ir administratorius. VDU Energetikos Fizikos ir Verslo Informatikos studentas. LinkedIn

E-mail: Šis el. pašto adresas yra apsaugotas nuo spam botų. Jum reikalingas įjungtas Javasctipt kad jį matytumėte

Galerija

{gallery}97{/gallery}
Login to post comments