圖片熱點(diǎn)鏈接如何設置,如何取消點(diǎn)擊時(shí)出現的框框_Html教程_奇迪科技(深圳)有限公司(m.cheanjie.com)
本篇文章介紹使用DW添加圖片熱點(diǎn)鏈接,那如何設置呢?
1、運行DW軟件,新建一個(gè)頁(yè)面。
2、切換到“設計模式”,同時(shí)按下CTRL+ALT+I,這時(shí)會(huì )彈出一個(gè)窗口,我們選擇要插入的圖片。如下圖:
3、右鍵單擊插入的圖片,選擇“屬性”,如下圖,我們可以看到屬性框中的“熱點(diǎn)工具”:
4、選擇熱點(diǎn)工具的,這里以“圓形熱點(diǎn)工具”為例(可以根據自己的需求,選擇“矩形熱點(diǎn)工具、圓形熱點(diǎn)工具、多邊形熱點(diǎn)工具”):
5、如下圖,勾勒出熱點(diǎn)區域,并且添加相應的鏈接地址(點(diǎn)擊后跳轉到的頁(yè)面路徑):
按照上述的四個(gè)步驟,就能夠添加熱點(diǎn)鏈接,保存后就可以看到效果。在這里還講一個(gè)額外的話(huà)題:
在點(diǎn)擊熱點(diǎn)區域的鏈接時(shí),會(huì )出現一個(gè)藍色的框框,如果不希望顯示那個(gè)籃框,如何取消點(diǎn)擊時(shí)出現的框框?
取消的方法也很簡(jiǎn)單,只需添加“onFocus="this.blur()"”,如下圖:
本文版權所有,轉載須注明:來(lái)源 http://m.cheanjie.com/qvdv-wdl-742.html