一张图片的静态页!如果你不会切图做静态页,那么就用一张效果图来实现吧!
一、area标签实现图片局部点击事件
原理:在图片上设置链接的area标签,产生图片的局部点击事件效果~
<img id="img1" src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" />相当于效果图
<map name="planetmap" id="planetmap">效果图中需要被点击的区域集合
<area shape="circle" coords="180,139,14" href ="1.html" alt="点我,第一步" />可点击区域定义<area shape="circle" coords="129,161,10" href ="2.html" alt="点我,第二步" />可点击区域定义
<area shape="rect" coords="0,0,110,260" href ="3.html" alt="点我,最后一步" />可点击区域定义