Cet article décrit l'effet de JavaScript qui apparaît des boîtes d'invites avec des informations de texte. Partagez-le pour votre référence, comme suit:
toolstips.js:
// position de l'info-bulle par rapport à la souris dans pixel // var offsetx = 12; var offset = 8; function newelement (newId) {if (document.createelement) {var el = document.createElement ('div'); el.id = newId; avec (el.style) {display = 'Aucun'; position = 'absolue'; } el.innerhtml = ''; Document.Body.ApendChild (EL); }} var ie5 = (document.getElementByIdx && document.all); var ns6 = (document.getElementByIdx &&! if (document.getElementByIdx) {var ieBody = (document.compatMode && document.compatmode! = 'backcompat')? document.DocumentElement: 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: FAUX; Mousey = (ie5)? Event.y: (ns6)? Clienty = e.Clienty: false; var lixlpixel_tooltip = document.getElementByIdx ('toolfp'); lixlpixel_tooltip.style.left = (sourisx + pagex + offsetx) + 'px'; lixlpixel_tooltip.style.top = (mousey + pagey + offsey) + 'px'; }} fonction Fonction ToolPip (TIP) {if (! Document.getElementByIdx ('ToolTip')) NewElement ('ToolTip'); var lixlpixel_tooltip = document.getElementByIdx ('toolfp'); lixlpixel_tooltip.innerhtml = TIP; lixlpixel_tooltip.style.display = 'block'; Document.OnMouSemove = GetMousPosition;} fonction exit () {document.getElementByidx ('ToolTip'). Style.display = 'None';}test.html
<Html> <A-the-head> <style> .TableBorder7 {width: 800; solide; Color en arrière-plan: # 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> <script linguisse = "javascrip Checkbox. '); "onMouseout =" exit (); "> Dielianhua </div> </body> </html>Pour plus d'informations sur le contenu lié à JavaScript, veuillez consulter les sujets de ce site: "Résumé des effets de la boîte d'invite JavaScript", "Résumé de JavaScript Switching Effets et compétences", "Résumé des effets spéciaux et compétences de la recherche JavaScript" " Compétences "," Résumé de l'algorithme de traversée JavaScript et des compétences "et" Résumé de l'utilisation de l'opération mathématique JavaScript "
J'espère que cet article sera utile à la programmation JavaScript de tous.