ホームページ >ウェブフロントエンド >htmlチュートリアル >image_html/css_WEB-ITnose上のエリアにイベントを追加する方法
image_html/css_WEB-ITnose上のエリアにイベントを追加する方法
- WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
- 2016-06-24 11:50:151698ブラウズ
上の写真 写真のディスク上の小さな白い三角形にイベントを追加したいのですが、どのようにすればコードガイダンスがあるのが最善です
ディスカッションへの返信 (解決策)
<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"/><img src="imges/404.png"/><img src="imges/404.png"/><img src="imges/404.png"/></body><script> for(var i = 0; i <$('img').length; i++){ (function(i){ $('img').eq(i).click(function(){ alert(i); }) })(i) }</script></html> 私 上の写真は 1 つの写真であり、まとめられたものではありません。イベントをトリガーするには、写真内の小さな三角形の領域をクリックする必要があります。
ホットスポット マップ (http://www.cnblogs.com/wangyuelang0526) を使用できます。 /archive/2012/05/16 /2503732.html、お役に立てば幸いですhttp://www.w3school.com.cn/tags/tag_area.asp、03fc64e1e502d5ba947b3a9af06d2d2a タグをご確認ください。画像上の座標を自分で見つけることしかできません。
忘れて、自分たちで分散して解決しましょう
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。