map標簽的用途:是與img標簽綁定使用的,常被用來賦予給客戶端圖像某處區域特殊的含義,點擊該區域可跳轉到新的文檔。 因為map標簽是與img標簽綁定使用的,所以我們需要給map標簽添加ID和name屬性,讓img標簽中的usemap屬性引用map標簽中的id或者name屬性(由於瀏覽器 ...
css的area標簽是不支持hover的,只有a標簽才支持。li標簽在IE瀏覽器下才支持,所以采用jquery的mouseenter和mouseleave事件完成。首先講jQuery對應的事件: .mouseenter事件 當鼠標指針穿過元素時,會發生 mouseenter 事件。該事件大多數時候會與mouseleave 事件一起使用。 與 mouseover 事件不同,只有在鼠標指針穿過被選元素 ...
2015-01-29 17:52 1 3405 推薦指數:
map標簽的用途:是與img標簽綁定使用的,常被用來賦予給客戶端圖像某處區域特殊的含義,點擊該區域可跳轉到新的文檔。 因為map標簽是與img標簽綁定使用的,所以我們需要給map標簽添加ID和name屬性,讓img標簽中的usemap屬性引用map標簽中的id或者name屬性(由於瀏覽器 ...
html中map標簽和area標簽的應用(總結) 一、總結 一句話總結: html中map標簽和area標簽和組成圖片地圖,在前端優化中可以減少http請求 1、map標簽的用途是什么? 圖片地圖:是與img標簽綁定使用的,常被用來賦予給客戶端圖像某處區域特殊的含義,點擊該區 ...
src="./img/pgy.jpg" alt="圖片" usemap="#pgy"> <map id="pgy" name="pgy"> <area shape="rect" coords="20,20,80,80" href ...
Map標簽 map熱區需要配合img標簽使用,只有img標簽有usemap屬性。 usemap指定某個id的map,map標簽內指定多個area,area需要指定形狀和坐標,跳轉的url,也可以指定onclick、onmousemove等事件。 DEMO ...
): ——當我們需要給圖片加一個 文字解釋的時候,需要加上alt或者title,當鼠標在圖片上停留或瀏覽器不支持 ...
一、使用方法: 因為map標簽是與img標簽綁定使用的,所以我們需要給map標簽添加ID和name屬性,讓img標簽中的usemap屬性引用map標簽中的id或者name屬性(由於瀏覽器的不同,usemap屬性接收二者之一的值,所以通常name和id屬性二者都寫,值相同),並配合area標簽進行 ...
今天看了一個html5在圖片上面創建熱點的標簽,所謂圖片熱點就是給你一張圖片然后你可以設置點擊圖片不同的位置進入不同的鏈接!如果下面是一張圖片的話,里面在長方形、圓形、三角形區域都可以進入其他網頁! 下面,我們來實例介紹map,area這些標簽的用法 ...
<area>標記主要用於圖像地圖,通過該標記可以在圖像地圖中設定作用區域(又稱為熱點),這樣當用戶的鼠標移到指定的作用區域點擊時,會自動鏈接到預先設定好的頁面。其基本語法結構如下: <area class=type id ...