html img使用地图点击事件
程序员文章站
2022-07-08 12:06:56
...
<img style="border:1px solid red;" src="localdata/logo/home_logo_#getOwnerCode().png?rnd=#getCurrTime_YYYYMMDDHHMMSS()" usemap="#pointMap" /> <map name="pointMap"> <area shape="rect" coords="151,0,242,48" id="backDiyHome" /> </map> //点击返回定制首页 jQuery("#backDiyHome").click(function(){ _PAGE.initDiyHome(); });
<img src="../images/recycle/table1.png" id="pointExchange" usemap="#point_map"></img> <map name="point_map" id="point_map"> <area shape="rect" coords="0,0,553,52" id="smallRecycle" /> <area shape="rect" coords="553,0,825,52" id="largeRecycle"/> </map> //点击更换图片1 jQuery("#largeRecycle").click(function(){ _PAGE.pointExchange(); }); //点击更换图片2 jQuery("#smallRecycle").click(function(){ _PAGE.pointExchange2(); });
注意:ID不支持,使用name