欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Lesson01_08   圖像地圖

 更新時間：2007年02月09日 00:00:00   作者：  

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

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

3、怎樣產(chǎn)生圖像地圖
(1)先要定義出圖像的各熱點區(qū)域的形狀、位置坐標、及其指向的url地址信息，這個過程叫做圖像熱點映射。
這個過程要用<map name=mapname></map>標簽對進行說明，其中的name屬性為這個熱點映射指定了一個名稱。
(2)圖像熱點中映射中的各個區(qū)域用<area>標簽說明，<area>標簽的格式為:
<area shape="形狀" coords="坐標" href="URL">HREF部分也可以用nohref表示，表示在這個區(qū)域單擊無效。 (3)定義好了后，接著就要在<img>圖像標簽中增加一個名為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="/upload/200729134227624.gif" usemap="#mymap">
效果如下：

shape屬性的設(shè)置說明：

  • rect定義一個矩形區(qū)域，coords屬性設(shè)置為矩形的左上角，右下角的坐標，各個坐標值用，號分開；
  • poly定義一個多邊形的區(qū)域，coords屬性設(shè)置值為多邊形各頂點的坐標值；
  • cicle定義一個圓形區(qū)域，coords屬性設(shè)置值為圓形坐標及半徑，前兩個為坐標，后一個為半徑。

     

    例：代碼如下： 效果如下： 例：代碼如下： 效果如下： 例：代碼如下： 效果如下： 例：代碼如下： 效果如下： 例：代碼如下： 效果如下： 例：代碼如下： 效果如下： 例：代碼如下： 效果如下：

    • 相關(guān)文章

    最新評論