最初に JQ フレームワークを参照する必要があります。 それでは効果を見てみましょう: (接続は追加できません) 写真は一時的にのみ表示されます。具体的な効果については、左側の「マイボックス」の「ゲームをプレイする」を参照してください。私のブログの側面: 以下のコードには特定のコメントがあります。 もう一度コードを見てみましょう: コードをコピーします コードは次のとおりです: /a> 🎜> <BR>$(document).ready(function(){ <BR>$ ("#thegameBox ").mousemove(function(ev){ <BR>var _Imgsrc="http://files.jb51.net/upload/201109/20110901202741350.jpg";//ここでは要素名を設定する必要があります。画像には同じ名前 <BR>var _Ways=$(this).attr("alt");//現在マウスがポイントしている要素の alt を取得します <BR>$("#_gameinfo").show();/ /プロンプトレイヤーを表示<BR>if(!ev){ev=window.event;};//IEかどうかを検出 <BR>document.getElementById("_gameinfo").style.left=(ev.clientX 10) " px";//マウスの X 軸距離 10px までのプロンプト情報を設定します <BR>document.getElementById("_gameinfo").style.top=(ev.clientY 10) "px";//設定プロンプト情報の上からマウスまで X 軸の距離は 10px <BR>$("#_gameinfo").html('<img src="' _Imgsrc '" alt="" style="max-width:90%" height=" 117" style="margin-bottom: 3px;" /><br />' '<font color="blue">' _Ways '');//追加コンテンツをプロンプト層に渡し、パラメータを渡します <BR>}).mouseout(function(){ <BR>$("#_gameinfo").hide();//マウスは要素プロンプト層を離れて <BR> を非表示にします}) <BR>}) <BR><BR><BR>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
