导航

« vb.net (2008)单击ListView列标题实现项排序功能html中插入Flash 简洁代码  »

Dreamweaver 图片热点(热区)

虚位以待 XHTML

Dreamweaver 图片热点(热区),确切地说应该是html的图片热点,以下代码是为了方便以后手动给图片加热点(部分链接)。写的时候按以下结构即可,注意的是coords指的是相对于图片左上角的坐标,向右为正X,向下为正Y(以下面代码为例:x36,y99是矩形左上角坐标,同理后两个是右下角坐标);红色Map这里要统一 

<img src="style/check.gif" width="509" height="408" border="0" usemap="#Map" />
<map name="Map" id="Map">
    <area shape="rect" coords="36,99,196,153" href="#"  alt="" target="_blank" />
    <area shape="rect" coords="324,103,446,169" href="#" alt="" target="_blank" />
</map>

在dw上画了热点之后坐标就有了,有朋友可能在想如果不用dw怎么获取图片热点的坐标呢,确实有时我们可能想直接在记事本中写,这时可以借助QQ截图(热键可设置;或者其它截图软件),从图片左上角开始拉往右下角拉,拉出来的宽度和高度就是右下角那个点的x坐标和y坐标值了。

  • 顶一下
虚位以待




原创文章如转载,请注明:转载自落日故乡

本文链接地址:http://www.spersky.com/post/352.html

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

内容搜索


虚位以待

常用链接

最新评论及回复

Powered By Z-Blog

Copyright spersky All Rights Reserved.Theme Moonlight,Calf modified.n 浙ICP备16017820号-1