欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

图片内的超链接

程序员文章站 2022-07-14 17:34:52
...

点击一张图片内的不同位置,跳转

HTML

<img src="img/big.jpg" width="400" height="400"  usemap="#aaa">
        <map name="aaa">
            <area shape="rect" coords="0,0,110,110" target="_blank" href="#">
            <area shape="circle" coords="150,210,60" target="_blank" href="#">  
        </map>

shape的值可以为:
圆形(circ 或 circle)
多边形(poly 或 polygon)
矩形(rect 或 rectangle)
图片内的超链接