1. 程式人生 > >圖片上按鈕特效 熱點連結(img map area)

圖片上按鈕特效 熱點連結(img map area)

      <div class="adv">
                   <img src="./theme/imgs/adver4.jpg" width="321" height="80" border="0" usemap="#Map" />

                   <map name="Map" id="Map">

                        <area shape="rect" coords="120,42,200,67" href="http://itunes.apple.com/cn/app/id448165862?ls=1&mt=8" target="_blank" />

                        <area shape="rect" coords="213,42,292,66" href="https://play.google.com/store/apps/details?id=com.immomo.momo" target="_blank" />
                   </map>

           </div>

轉 http://www.jb51.net/web/90755.html

那麼,如何獲取這個座標值呢?

方法一:.新建一個html頁面,在body裡面插入如下程式碼:

複製程式碼 程式碼如下:
<a href="#"><img src="test.jpg" ismap="ismap"></a>

注意這個“
ismap=’ismap‘”,有了這個屬性後,然後開啟這個html頁面,把游標移到圖片上任意位置,網頁的左下角狀態列會顯示當前座標值

這樣即可獲取座標值了。

方法二:

開啟Dreamwever,新建一個頁面,插入一張圖片,

點選“矩形”或其他熱點工具,再在圖片上拖動位置

再開啟程式碼區域

這個已經都生成好了。