実装メソッドを投稿します: コード コードをコピー コードは次のとおりです: ;html xmlns ="http://www.w3.org/1999/xhtml" > 無題のページ jquery -1.3.2.js" type="text/javascript"> <br>.rootclass{ border:none;position:relative ; } <br> <br>$(document).ready(function() { <br>$(".rootclass") Mousemove (function(e){ <br>varpositionX=e.originalEvent.x||e.originalEvent.layerX||0; <br>if(positionXthis.style.cursor='url("pre.cur"),auto'; <br>$(this).attr('title','クリックすると前のものが表示されます'); this) .parent().attr('href',$(this).attr('left')); <br>}else{ <br>this.style.cursor='url("next.cur") ,auto '; <br>$(this).attr('title','クリックして次を表示'); <br>$(this).parent().attr('href',$(this) .attr( 'right')); <br>} <br>}); <br> < a href="#" > <br><img src="11.bmp" alt="" class="rootclass" left="http://www.google.cn" right="http :// www.baidu.cn" /> <br></a> <br></body> <br></html> <br><br> <br>注: 1. Jqueryを呼び出す必要があります。 <br>2. ここでは、画像上のマウスの位置を取得するために投機的なメソッドを使用します。画像の位置を設定します。 <br>var PositionX=e.originalEvent.x||e.originalEvent.layerX を直接使用します。 ||0; 取得します。 <br>3. 便宜上、left="http://www.google.cn" right="http://www.baidu.cn" を前後のリンク アドレスとして画像に直接追加します。 <br> </div> <br>パッケージのダウンロード アドレス<br>http://www.jb51.net/jiaoben/25129.html を必ず添付してください。 <br> <br><br>関連記事:<a href="http://demo.jb51.net/js/img_left_right/jquery_img_lr.htm" target="_blank"></a> clientX、ページ > <br><br>画像をクリックして前後の画像にジャンプするための JQuery 実装コード<a href="http://www.jb51.net/jiaoben/25129.html" target="_blank"></a>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
