前端开发

 首页 > 前端开发 > html教程 > img usemap属性 中国地图链接_HTML/Xhtml_网页制作

img usemap属性 中国地图链接_HTML/Xhtml_网页制作

分享到:
【字体:
导读:
          html的img标签:定义一个图像在网页中引入。它还有个usemap属性很有意思。 看看51ditu首页中有一个地图,中部有个中国地图。点击右键下载下来看下就是一个普通的图片。 但点击地图上...

html的img标签:定义一个图像在网页中引入。它还有个usemap属性很有意思。 看看51ditu首页中有一个地图,中部有个中国地图。点击右键下载下来看下就是一个普通的图片。 但点击地图上的省份却可以出发不同的事件(或打开不同的链接),很有意思。原来是使用了usemap属性。
html的img标签:定义一个图像在网页中引入。它还有个usemap属性很有意思。
看看51ditu首页中有一个地图,中部有个中国地图。点击右键下载下来看下就是一个普通的图片。
但点击地图上的省份却可以出发不同的事件(或打开不同的链接),很有意思。原来是使用了usemap属性。
当然还要定义一个map标签。整份代码如下:

 



提示:您可以先修改部分代码再运行

map标签里的area标签的几个属性意义见:http://www.w3school.com.cn/tags/tag_area.asp

这里还是记下area的shape属性,可选项有矩形,圆形和多边形。尤其要注意的是coords属性,得结合shape使用,图像左上角的坐标是 "0,0"。
分享到:
HTML 文本转义小窍门_HTML/Xhtml_网页制...
今天在CSDN看到一种HTML文本转义的小窍门,很简便。 1、用dom的功能。先作为innerTEXT传给一个dom对象,再取innerHTML属性,就可以取到转义后的文本了。 例如: div1.innerText = "title title...."; var str = div1.innerHTML; // & 今天在CSDN看到一种HTML文本转义的小窍门,很简便。 1、用dom的功能。...
Firefox下英文字母不换行的解决方案_HTML...
文本的排版依据语言的不同会有一些格式上的要求,比如简体中文中类似逗号、分号等标点符号不会出现在一行的开头,对于英文来讲就是一个完整单词不会 在两行显示,浏览器会依据类似这样的原则来显示文本。但是由于网页有宽度限制的,连续的超长的字母、数字或标点符号超 文本的排版依据语言的不同会有一些格式上的...
  •         php迷,一个php技术的分享社区,专属您自己的技术摘抄本、收藏夹。
  • 在这里……