如果你还是制作网页的新手，我相信你一定想要实现更加炫的网页效果吧！如果实现触碰一张图片某一部分区域下面就有一行字出现呢？
工具/原料
webstorm制作网页的软件
一张图片
方法/步骤
1、首先，先用im壹执慵驾g标签放一张图片，链接完图片之后，在img标签上加一个usemap属性，例如<imgsrc租涫疼迟="test/pig.gif"alt="pigmap"usemap="#pigmap">
2、加地图标签，用map标签是实现设置name，name的属性值和usemap属性值相对应，去掉#符号。例如<mapname="pigmap">
3、在map标签下添加一个子标签<area>，设置shape属性，即形状，麻质跹礼例如“react”，用coords的属性值来控制要触发事件的范围，设target值为“_blank”
4、再在area标签中添加触碰事件onmouseover
5、再在下一个父标签中添加一个<p>标签设置id值。例如<pid="demo3"></p>
6、然后绑定事件functionwriteText(txt){documen隋茚粟胫t.getElementById("demo3").innerHTML=txt;}
