设定网页页面照片网络热点连接和座标值示例编

日期:2021-03-21 类型:科技新闻 

关键词:凡科自助建站,企业网站怎么建设,智能建站系统,自己建个网站,搭建网站基本步骤

有时必须在1张照片上设定几个地区,电脑鼠标点一下照片的不一样地区能够进到不一样的网页页面,或是点一下照片的某1块地区进到某1个网页页面,这便是网页页面的网络热点连接。

拷贝编码
编码以下:

<img src="test.jpg" usemap="#testmap" alt="test" />
<map name="testmap" id="testmap">
<area shape="circle" coords="180,139,14" href ="test1.html" alt="test1" />
<area shape="circle" coords="129,161,10" href ="test2.html" alt="test2" />
<area shape="rect" coords="0,0,110,260" href ="test3.html" alt="test3" />
</map>

注解:<img> 中的 usemap 特性可引入 <map> 中的 id 或 name 特性(由访问器决策),因此大家必须另外向 <map> 加上 id 和 name 两个特性

那末,怎样获得这个座标值呢?

方式1:.新建1个html网页页面,在body里边插进以下编码:

拷贝编码
编码以下:

<a href="#"><img src="test.jpg" ismap="ismap"></a>

留意这个“ismap=’ismap‘”,有了这个特性后,随后开启这个html网页页面,把光标移到照片就任意部位,网页页面的左下角情况栏会显示信息当今座标值

这样便可获得座标值了。

方式2:

开启Dreamwever,新建1个网页页面,插进1张照片,

点一下“矩形框”或别的网络热点专用工具,再在照片上拖拽部位

再开启编码地区

这个早已都转化成好了。