プログラムを送信した後、JQuery を使用してエラーの場所を確認し、プロンプトを表示する必要があります。まず、レンダリングを見てみましょう。 特定の呼び出しコード: コードをコピー コードは次のとおりです: <br>Tooltip.show('入力値が空です!',' ipt'); <br><br> </div> <br>実装プロセスは次のとおりです <strong>: </strong> 1. まず、Photoshop でプロンプト ボックスの形状と背景をデザインします。 <p> </p> <p><img alt="" src="http://files.jb51.net/file_images/article/201212/2012122016192715.jpg"> </p>2. 背景を上部、メイン、下部の 3 つの部分にカットします<p> </p>トップ: <p><img alt="" src="http://files.jb51.net/file_images/article/201212/2012122016192716.png"> </p>メイン:<p><img alt="" src="http://files.jb51.net/file_images/article/201212/2012122016192717.png"> </p>下: <p><img alt="" src="http://files.jb51.net/file_images/article/201212/2012122016192718.png"> </p>3. プロンプトボックスの CSS ファイルを定義します <p><br></p> <div class="codetitle"><span><a style="CURSOR: pointer" data="82570" class="copybut" id="copybut82570" onclick="doCopy('code82570')"> コードをコピーします <u></u></a> コードは次のとおりです: </span></div> <div class="codebody" id="code82570">.ツールチップ{ <br>位置:絶対; 高さ:300ピクセル; <br>} <br>.tooltip_main{ <br>背景画像: url(images/tooltip_main.png); <br>背景位置:中央; <br>パディング左:30px; color:#C00; <br>font-weight:bold; <br><br>.tooltip_top{ <br>width:300px; <br>background-image:url(画像/tooltip_top.png) ; <br>background-repeat:no-repeat; <br><br>.tooltip_bottom{ <br>width:300px;高さ:20px; <br>背景画像:url(images/tooltip_bottom.png); <br>背景位置:トップ; <br>4. Tooltip クラスを作成します。その実装は次のとおりです: <br><br><br><br><br> コードをコピーします <br><br><br> コードは次のとおりです: <br> <br><br>var Tooltip = {} ; <br><br>Tooltip.show = function(msg,obj){ </div>$('#' obj).after('<div class="tooltip " id="tooltip_' obj '"> ' <br> '<div class="tooltip_top"></div>' <br> '<div class="tooltip_main">' ;/div>' <div class="codetitle"> '< div class="tooltip_bottom"></div>' <span>//位置を調整します<a style="CURSOR: pointer" data="60544" class="copybut" id="copybut60544" onclick="doCopy('code60544')"> $('#' obj).offset() ; <u>objOffset.left-=25; </u>$('#tooltip_' obj).offset(objOffset); 🎜>//クリックが消える</a>$( '#tooltip_' obj).click(function(){ </span>$(this).hide(); </div>$('#' obj).focus() ; <div class="codebody" id="code60544">}); <br>} <br><br><br> </div>