一区二区久久-一区二区三区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)系我們修改或刪除,多謝。

    主站蜘蛛池模板: 久久久久久久久久久大尺度免费视频 | 国产精品手机在线观看 | 99这里有精品视频 | 91成人网 | 亚洲热视频| 久久亚洲国产最新网站 | 四虎入口| 国内久久久久影院精品 | 国产在线麻豆自在拍91精品 | 国产区成人综合色在线 | 欧美大成色www永久网站 | 日本高清色www | 男女牲交一级毛片 | 成人精品区 | 国产成人精品久久一区二区三区 | 久久久国产一区二区三区 | 国产欧美日韩免费一区二区 | 国内精品免费麻豆网站91麻豆 | 亚洲国产精品第一页 | 欧美精品v日韩精品v国产精品 | 欧美成人网在线综合视频 | 一区二区三区国产 | 曰韩美女一级视频 | 七七七久久久久人综合 | 成人亚洲欧美 | caoporen国产91在线 | 国产综合视频在线观看 | 一区二区高清视频在线观看 | 国产成人小视频在线观看 | 精品福利一区二区免费视频 | 欧美视频一 | 丁香六月综合激情 | 99国产国人青青视频在线观看 | 国产欧美日韩高清专区ho | 高清视频黄色录像免费 | 国产短视频在线 | 99久久香蕉国产综合影院 | 色综合图片二区150p | 国产美女一区二区 | 国产在线激情 | 国产一区二区三区不卡观 |