この記事では、JavaScriptがテキスト情報でプロンプトボックスをポップアップする効果について説明します。次のように、参照のために共有してください。
toolstips.js：
//ピクセルのマウスに対するツールチップの位置el.id = newId; with（el.style）{display = 'none'; position = 'Absolute'; } el.innerhtml = ''; document.body.AppendChild（el）; }} var ie5 =（document.getElementByIdx && document.all）; var ns6 =（document.getElementbyIdx &&！document.all）; var ua = navigator.useragent.tolowarcase（）; var isapple =（ua.indexof（ 'applewebkit'）！= -1？1：0）; if（document.getElementByIdx）{var iebody =（document.comPatMode && Document.comPatMode！= 'BackCompat'）？ document.documentlement：document.body; pagex =（isapple == 1？0：（ie5）？iebody.scrollleft：window.pagexoffset）; pagey =（isapple == 1？0：（ie5）？iebody.scrolltop：window.pageyoffset）; mousex =（ie5）？event.x：（ns6）？clientx = e.clientx：false; mousey =（ie5）？event.y：（ns6）？clienty = e.clienty：false; var lixlpixel_tooltip = document.getElementByIdx（ 'Tooltip'）; lixlpixel_tooltip.style.left =（mousex+pagex+offsetx）+'px'; lixlpixel_tooltip.style.top =（mousey+pagey+offsety）+'px'; }} function tooltip（tip）{if（！document.getElementByIdx（ 'Tooltip'））newElement（ 'Tooltip'）; var lixlpixel_tooltip = document.getElementByIdx（ 'Tooltip'）; lixlpixel_tooltip.innerhtml = tip; lixlpixel_tooltip.style.display = 'block'; document.onmouseMove = getMousePosition;} function exit（）{document.getElementByIdx（ 'ToolTip'）。style.display = 'none';}test.html
<html> <head> <style> .tableborder7 {width：800; solid;バックグラウンドカラー：＃000000;} td {font-family：安体; font-size：12px; line-height：15px;} th {background-color：＃f7f7f7; color：000000; font-size：12px; font-weight：bold;} th.th1 {background-color： ＃333333;} td.tablebody7 {background-color：＃b1ea45;} </style> <scrip> <scripe> <scripe franguage = "javascript" src = 'tooltips.js'> </script> </head> <body> <body> <body> <div onmouseover = "tooltip（ 'podcastを追加します。チェックボックス。 '）; "onmouseout =" exit（）; "> dielianhua </div> </body> </html>JavaScript関連のコンテンツの詳細については、このサイトのトピックをご覧ください：「JavaScriptプロンプトボックス効果の要約」、「JavaScriptのスイッチング特殊効果とスキルの要約」、「JavaScript検索アルゴリズムスキルの要約」、JavaScriptアニメーションの特殊効果とスキルの要約」、JavaScriptのスキルの要約とJavasのエラーの概要を確認してください。スキル」、「JavaScriptトラバーサルアルゴリズムとスキルの概要」、「JavaScriptの数学的操作の使用の概要」
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。