ハイパーリンク プロンプト効果: コードをコピー コードは次のとおりです: <br>//<CDATA[ <BR>$(function(){ <BR>var x = 10; <BR>var y = 20; <BR>$("a .tooltip ").mouseover(function(e){ <BR>this.myTitle = this.title; <BR>this.title = ""; <BR>var tooltip = "<div id='tooltip'> " this .myTitle "</div>"; // div 要素を作成します<br>$("body").append(tooltip); // ドキュメントに追加します<br>$("#tooltip") <br>.css({ <br>"top": (e.pageY y) "px", <br>"left": (e.pageX x) "px" <br>}).show("fast ") ; //x 座標と y 座標を設定して表示 <br>}).mouseout(function(){ <br>this.title = this.myTitle; <br>$("#tooltip").remove (); //<br>を削除します}).mousemove(function(e){ <br>$("#tooltip") <br>.css({ <br>"top": (e.pageY y) " px" , <br>"left": (e.pageX x) "px" <br>}); <br>}); <br>}) <br>//]]> <br>< /script> ; <BR></div> <BR>画像プロンプト効果: <BR><div class="codetitle"><span><a style="CURSOR: pointer" data="26113" class="copybut" id="copybut26113" onclick="doCopy('code26113')"><U>コードをコピー</U></a></span> コードは次のとおりです: </div><div class="codebody" id="code26113"> <BR><script type="text/javascript"> <br>//<![CDATA[ <BR>$(function(){ <BR>var x = 10; <BR> var y = 20; <BR>$("a.tooltip").mouseover(function(e){ <BR>this.myTitle = this.title; <BR>this.title = ""; <BR>var imgTitle = this.myTitle? "<br/>" this.myTitle : ""; <br>var tooltip = "<div id='tooltip'<img src='" this.href "' alt ='製品プレビュー '/>gt;" imgTitle "</div>"; // div 要素を作成します<br>$("body").append(tooltip); // ドキュメントに追加します<br>$ ("#tooltip ") <br>.css({ <br>"top": (e.pageY y) "px", <br>"left": (e.pageX x) "px" <br>} ).show( "fast"); //x 座標と y 座標を設定して表示 <br>}).mouseout(function(){ <br>this.title = this.myTitle; <br>$(" #tooltip").remove(); //削除 <br>}).mousemove(function(e){ <br>$("#tooltip") <br>.css({ <br>"top": ( e.pageY y ) "px", <br>"left": (e.pageX x) "px" <br>}) <br>}) <br>//]]> ; <br> <br><br> </div>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
