原文:HTML中圖像熱區的使用

HTML中圖像熱區的使用 制作人:全心全意 圖像熱區:當鼠標指向圖片的不同部位時,可以打開不同的超鏈接 lt map gt :圖像熱區標簽,包含圖像熱區的各區域,有id屬性和name屬性 一個圖片分區域超鏈接 lt area gt :圖像熱區子標簽,圖像熱區中的每一個區域 map屬性: id屬性和name屬性表示名稱,設置為相同值,與img標簽的usemap屬性匹配。 area屬性: shape: ...

2020-10-16 11:30 0 516 推薦指數:

查看詳情

css 圖像

CSS圖像 在img標簽當中,存在一個屬性usemap屬性,用來和map標簽進行綁定,從而實現圖像。所謂的圖像,其實指的是在圖像插入一個連接,當用戶點擊圖像的指定區域后就會進行頁面跳轉。 demo: 當我們點擊圖片當中相應位置之后,效果如下: 在上面的效果圖 ...

Mon Apr 22 06:43:00 CST 2019 0 552
html 錨點鏈接 圖像鏈接

置不同的超鏈接。此時,包含圖像可以稱為映射圖像。要進行設置,首先需要在圖像文件設置映射圖像名,格式為 ...

Wed Nov 24 01:41:00 CST 2021 0 903
html 錨點鏈接 圖像鏈接

除了對整幅圖像設置超鏈接外,還可以將圖像划分為若干區域,這叫做"",每個區域可設置不同的超鏈接。此時,包含圖像可以稱為映射圖像。要進行設置,首先需要在圖像文件設置映射圖像名,格式為: src = 圖像文件地址 usemap = 映射圖像名稱> ...

Sat May 07 00:21:00 CST 2016 0 1938
HTML基礎篇之圖像補充一下圖片相對地址的定義

HTML5課堂筆記理解2 上次說到圖片相對地址的定義,舉例了4情形的下的不同目錄的圖片書寫方法補充一個如果你要的圖片目錄跟上面四種都不一樣話可以用以下屬性值嘗試 ./ 當前目錄 ../ 回到上一層目錄 images/ 進入一層 ...

Wed Aug 03 07:36:00 CST 2016 0 4370
HTML圖片map area的用法

<area>標記主要用於圖像地圖,通過該標記可以在圖像地圖中設定作用區域(又稱為熱點),這樣當用戶的鼠標移到指定的作用區域點擊時,會自動鏈接到預先設定好的頁面。其基本語法結構如下: shape和coords:是兩個主要的參數 ...

Wed Sep 25 01:11:00 CST 2013 1 54753
HTML圖片map area的用法

<area>標記主要用於圖像地圖,通過該標記可以在圖像地圖中設定作用區域(又稱為熱點),這樣當用戶的鼠標移到指定的作用區域點擊時,會自動鏈接到預先設定好的頁面。其基本語法結構 ...

Thu Jun 15 17:47:00 CST 2017 0 5655
HTML圖片map area的用法

<area>標記主要用於圖像地圖,通過該標記可以在圖像地圖中設定作用區域(又稱為熱點),這樣當用戶的鼠標移到指定的作用區域點擊時,會自動鏈接到預先設定好的頁面。其基本語法結構如下: <area class=type id ...

Sat Mar 19 01:55:00 CST 2022 0 904
htmlmap area 自適應的原生js實現方案

在做自適應網頁的時候,如果在圖片中使用map。圖片可以通過樣式實現:圖片大小隨頁面變化,但是MAP每個area的坐標並不能通過css直接實現自適應。這篇文章就介紹通過原生js來實現:MAP每個area的坐標也隨頁面等比例的變化效果。 map area 自適應的實現 ...

Mon Jul 06 04:33:00 CST 2020 0 1217
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM