html中使用imagemap

久未做HTML imagemap了,而且没有dreamweaver, 和frontpage, 只好网上查一下基本语法.现在在这里写BLOG真是没办法, 好不容易休两天假, 已经零点30分了, 一个项目组需要拨号远程支持,唉, 干这行真是没多少意思呀.
幸好通过google找到一个网页. http://www.ihip.com/cside.html
大概看了一下. 支持的shape有rect, 和 circle, 即矩形和圆形. 矩形的定义是四个点, 从右下角到左上角, X2,Y2, X1, Y1. 而圆形则是X,Y, R(半径). 其它语法则请参考上面连接中的示例. 至于图片中的具体位置, 可以把图片打开,使用"画图"移动鼠标观看状态栏中的值即可, 然后将值填写到相应的坐标位置上.

对于没有DW和FrontPage的同志而言,了解一点基本HTML语法,用记事本还是可以搞定的. 记在此, 下次使用时可以参考一下.

1 < map  name ="sample" >
2 < area  shape ="rect"  coords ="20,27,82,111"  href ="hotspot1.html" >
3 < area  shape ="circle"  coords ="129,113,29"  href ="hotspot2.html" >
4 < area  shape ="rect"  coords ="21,158,170,211"  href ="mailto:[email protected]" >
5 < area  shape ="default"  nohref >
6 </ map >  
7
8 < img  border ="0"  src ="image.gif"  usemap ="#sample" >  
9


 

 

你可能感兴趣的:(image)