<img src="demo.png" alt="益享天开——专注web技术分享" width="700" height="150" border="0" usemap="#dianzhao"/> <map name="dianzhao" id="dianzhao"> <area shape="rect" coords="127,118,209,144" href="https://www.exp99.com/f2e/" target="_blank" alt="web前端" /> <area shape="rect" coords="27,117,109,143" href="https://www.exp99.com/f2e/" target="_blank" alt="web前端" hidefocus="true" onfocus="this.blur()" /> </map>
添加了两个area热点区域,其中第二个热点区域添加了属性:hidefocus="true" onfocus="this.blur()"。效果如图:
淘宝店招示例图
可以发现点击第二个按钮(热点区域)不会出现蓝色线框。
补充说明:由于淘宝店铺的装修要遵循淘宝规则,很多css和js是不准使用的,使用了会被淘宝后台过滤。