Rumah >hujung hadapan web >html tutorial >怎么给图片上的区域加事件_html/css_WEB-ITnose
上面的图片 我要给图片上的圆盘上的白色小三角加事件,用什么样的方式,最好有代码指导下
<html><head> <title>Index</title> <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script> <style> </style></head><body><img src="imges/404.png"/ alt="怎么给图片上的区域加事件_html/css_WEB-ITnose" ><img src="imges/404.png"/ alt="怎么给图片上的区域加事件_html/css_WEB-ITnose" ><img src="imges/404.png"/ alt="怎么给图片上的区域加事件_html/css_WEB-ITnose" ><img src="imges/404.png"/ alt="怎么给图片上的区域加事件_html/css_WEB-ITnose" ></body><script> for(var i = 0; i <$('img').length; i++){ (function(i){ $('img').eq(i).click(function(){ alert(i); }) })(i) }</script></html>
我上面的图片时一个图片,不是拼起来的,现在需要点击图片中的小三角区域触发事件的
可以用热点地图,http://www.cnblogs.com/wangyuelang0526/archive/2012/05/16/2503732.html,希望可以帮你
http://www.w3school.com.cn/tags/tag_area.asp,自己看,标签。图片上面的坐标只能自己找了。
算了 散分了 自己解决了