Heim >Web-Frontend >HTML-Tutorial >怎么给图片上的区域加事件_html/css_WEB-ITnose

怎么给图片上的区域加事件_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:50:151677Durchsuche


上面的图片 我要给图片上的圆盘上的白色小三角加事件,用什么样的方式,最好有代码指导下


回复讨论(解决方案)

<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,自己看,标签。图片上面的坐标只能自己找了。

算了 散分了 自己解决了

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn