image_html/css_WEB-ITnose上のエリアにイベントを追加する方法-htmlチュートリアル-php.cn

ホームページ

ウェブフロントエンド

htmlチュートリアル

image_html/css_WEB-ITnose上のエリアにイベントを追加する方法

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 am 11:50 AM

上の写真写真のディスク上の小さな白い三角形にイベントを追加したいのですが、どのようにすればコードガイダンスがあるのが最善です

ディスカッションへの返信 (解決策)

<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="/static/imghwm/default1.png"  data-src="imges/404.png"  class="lazy"  / alt="image_html/css_WEB-ITnose上のエリアにイベントを追加する方法" ><img  src="/static/imghwm/default1.png"  data-src="imges/404.png"  class="lazy"  / alt="image_html/css_WEB-ITnose上のエリアにイベントを追加する方法" ><img  src="/static/imghwm/default1.png"  data-src="imges/404.png"  class="lazy"  / alt="image_html/css_WEB-ITnose上のエリアにイベントを追加する方法" ><img  src="/static/imghwm/default1.png"  data-src="imges/404.png"  class="lazy"  / alt="image_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>

私上の写真は 1 つの写真であり、まとめられたものではありません。イベントをトリガーするには、写真内の小さな三角形の領域をクリックする必要があります。

ホットスポットマップ (http://www.cnblogs.com/wangyuelang0526) を使用できます。 /archive/2012/05/16 /2503732.html、お役に立てば幸いです

http://www.w3school.com.cn/tags/tag_area.asp、タグをご確認ください。画像上の座標を自分で見つけることしかできません。

忘れて、自分たちで分散して解決しましょう

声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

＆lt; Progress＆gt;の目的は何ですか要素？Mar 21, 2025 pm 12:34 PM

この記事では、HTML＆lt; Progress＆gt;について説明します。要素、その目的、スタイリング、および＆lt; meter＆gt;との違い要素。主な焦点は、＆lt; Progress＆gt;を使用することです。タスクの完了と＆lt; Meter＆gt; statiの場合

＆lt; datalist＆gt;の目的は何ですか要素？Mar 21, 2025 pm 12:33 PM

この記事では、HTML＆lt; Datalist＆GT;について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。

＆lt; meter＆gt;の目的は何ですか要素？Mar 21, 2025 pm 12:35 PM

この記事では、html＆lt; meter＆gt;について説明します。要素は、範囲内でスカラーまたは分数値を表示するために使用され、Web開発におけるその一般的なアプリケーション。それは差別化＆lt; Meter＆gt; ＆lt; Progress＆gt;およびex

ビューポートメタタグとは何ですか？レスポンシブデザインにとってなぜそれが重要なのですか？Mar 20, 2025 pm 05:56 PM

この記事では、モバイルデバイスのレスポンシブWebデザインに不可欠なViewportメタタグについて説明します。適切な使用により、最適なコンテンツのスケーリングとユーザーの相互作用が保証され、誤用が設計とアクセシビリティの問題につながる可能性があることを説明しています。

HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか？Mar 17, 2025 pm 12:27 PM

この記事では、ブラウザのユーザー入力を直接検証するために、必要、パターン、MIN、MAX、および長さの制限などのHTML5フォーム検証属性を使用して説明します。

HTML5＆lt; time＆gt;を使用するにはどうすればよいですか日付と時刻を意味的に表す要素？Mar 12, 2025 pm 04:05 PM

この記事では、html5＆lt; time＆gt;について説明します。セマンティックデート/時刻表現の要素。人間の読み取り可能なテキストとともに、マシンの読みやすさ（ISO 8601形式）のDateTime属性の重要性を強調し、Accessibilitを増やします

HTML5のクロスブラウザー互換性のベストプラクティスは何ですか？Mar 17, 2025 pm 12:20 PM

記事では、HTML5クロスブラウザーの互換性を確保するためのベストプラクティスについて説明し、機能検出、プログレッシブエンハンスメント、およびテスト方法に焦点を当てています。

＆lt; iframe＆gt;の目的は何ですかタグ？使用する際のセキュリティ上の考慮事項は何ですか？Mar 20, 2025 pm 06:05 PM

この記事では、＆lt; iframe＆gt;外部コンテンツをWebページ、その一般的な用途、セキュリティリスク、およびオブジェクトタグやAPIなどの代替案に埋め込む際のタグの目的。

See all articles

ホットAIツール

ホットツール

SecLists は、セキュリティテスターの究極の相棒です。これは、セキュリティ評価中に頻繁に使用されるさまざまな種類のリストを 1 か所にまとめたものです。 SecLists は、セキュリティテスターが必要とする可能性のあるすべてのリストを便利に提供することで、セキュリティテストをより効率的かつ生産的にするのに役立ちます。リストの種類には、ユーザー名、パスワード、URL、ファジングペイロード、機密データパターン、Web シェルなどが含まれます。テスターはこのリポジトリを新しいテストマシンにプルするだけで、必要なあらゆる種類のリストにアクセスできるようになります。