一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

Lesson01_08 圖像地圖

1、圖像超鏈接:
格式為:<a href="url"><img src="url"></a>

2、圖像地圖是什么?
把一個(gè)圖分成多個(gè)區(qū)域,每個(gè)區(qū)域指向不同的URL地址

3、怎樣產(chǎn)生圖像地圖
(1)先要定義出圖像的各熱點(diǎn)區(qū)域的形狀、位置坐標(biāo)、及其指向的url地址信息,這個(gè)過(guò)程叫做圖像熱點(diǎn)映射。
這個(gè)過(guò)程要用<map name=mapname></map>標(biāo)簽對(duì)進(jìn)行說(shuō)明,其中的name屬性為這個(gè)熱點(diǎn)映射指定了一個(gè)名稱。
(2)圖像熱點(diǎn)中映射中的各個(gè)區(qū)域用<area>標(biāo)簽說(shuō)明,<area>標(biāo)簽的格式為:
<area shape="形狀" coords="坐標(biāo)" href="URL">HREF部分也可以用nohref表示,表示在這個(gè)區(qū)域單擊無(wú)效。 (3)定義好了后,接著就要在<img>圖像標(biāo)簽中增加一個(gè)名為usemap的屬性設(shè)置,如下:
<img src="url" usemap="#mapname">

例:代碼如下:
<map name=mymap><area shape="rect" coords="0,0,50,50" ><area shape="rect" coords="0,50,150,50" ><area shape="rect" coords="50,0,100,50" ></map><img src="http://files.jb51.NET/upload/200729134227624.gif" usemap="#mymap">
效果如下:

shape屬性的設(shè)置說(shuō)明:

  • rect定義一個(gè)矩形區(qū)域,coords屬性設(shè)置為矩形的左上角,右下角的坐標(biāo),各個(gè)坐標(biāo)值用,號(hào)分開(kāi);
  • poly定義一個(gè)多邊形的區(qū)域,coords屬性設(shè)置值為多邊形各頂點(diǎn)的坐標(biāo)值;
  • cicle定義一個(gè)圓形區(qū)域,coords屬性設(shè)置值為圓形坐標(biāo)及半徑,前兩個(gè)為坐標(biāo),后一個(gè)為半徑。

     

    例:代碼如下: 效果如下: 例:代碼如下: 效果如下: 例:代碼如下: 效果如下: 例:代碼如下: 效果如下: 例:代碼如下: 效果如下: 例:代碼如下: 效果如下: 例:代碼如下: 效果如下:
  • HTML/CSS技術(shù)Lesson01_08 圖像地圖,轉(zhuǎn)載需保留來(lái)源!

    鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。

    主站蜘蛛池模板: 欧美理论在线观看 | 在线综合亚洲欧美网站天堂 | 亚洲精品在线播放视频 | 日本激情网址 | 91香蕉国产亚洲一区二区三区 | 久久久久精彩视频 | 美女网站黄在线看 | 2022久久免费精品国产72精品 | 欧美人在线视频 | 影院成人区精品一区二区婷婷丽春院影视 | 国产麻豆综合视频在线观看 | 99久久精品国产免看国产一区 | 国产91小视频 | 日韩免费视频一区二区 | 在线观看精品视频一区二区三区 | 国产精品午夜在线观看 | 国产福利片在线观看 | 99国产小视频| 亚洲一区二区三区高清 | 五月天六月婷婷开心激情 | 国产成人综合在线视频 | 久久精品国产在热久久2019 | 伊人精品成人久久综合欧美 | 亚洲一区二区三区深夜天堂 | 中文字幕亚洲一区二区v@在线 | 久久99国产一区二区三区 | 久久精品国产一区二区 | 久久永久免费视频 | 美女无遮挡免费视频 | 精品视频在线观看视频免费视频 | 色色色资源站 | 中文字幕日产每天更新40 | 国产精品无| 一区二区三区不卡视频 | 国产不卡福利 | 怡红院成人g影院 | 五月天激情社区 | 一区二区三区四区国产精品 | 国产精品视频2021 | 新国产视频 | 色老板免费观看在线播放 |