Este artículo describe el efecto de los cuadros de inmediato de JavaScript con información de texto. Compártelo para su referencia, como sigue:
Toolstips.js:
// Posición de la información sobre herramientas en relación con el mouse en píxel // var offsetx = 12; var offset = 8; function NewElement (newID) {if (document.createElement) {var el = document.createElement ('div'); el.id = newid; con (el.style) {display = 'none'; posición = 'absoluto'; } el.innerhtml = ''; document.body.appendChild (El); }} var ie5 = (document.getElementByIdx && document.all); var ns6 = (document.getElementByIdx &&! Document.ALL); var ua = navigator.useragent.tOLOWERCase (); var isApple = (ua.indexof ('appleWebkit')! = -1? 1: 0); función getMousePosition (E) { 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: 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> <fead> <style> .TableBorder7 {ancho: 800; sólido; Color de fondo: #00000000;} TD {FONT-FAMILY: 安体; FONT-SIZE: 12PX; LINE-HEight: 15px;} th {Background-Color: #F7F7F7; Color: #00000000; Font-Size: 12px; Font-Weight: Bold;} Th.th1 {Color de fondo: #3333333;} td.TableBody7 {Background-Color: #B1EA45;} </style> <script language = "javascript" src = 'tooltips.js'> </script> </head> <body> <divitmousever = "Tooltip ('Si agrega un vecino, seleccione esto esto casilla de verificación. '); "onMouseOut =" exit (); "> Dielianhua </div> </body> </html>Para obtener más información sobre el contenido relacionado con JavaScript, consulte los temas de este sitio: "Resumen de los efectos del cuadro de inmediato de JavaScript", "Resumen de JavaScript Switching Efectos y habilidades especiales", "Resumen de JavaScript Search Algoritm Habilidades", Resumen de Estructuras Especiales de Animación de JavaScript y Habilidades ",", "Summary of JavaScript Errors and Drogugging Habilidades", ", Summary of JavaScript Structure y Habilidades", y habilidades de algglipscript. Habilidades "," Resumen del algoritmo y habilidades de traversal JavaScript "y" Resumen del uso de la operación matemática de JavaScript "
Espero que este artículo sea útil para la programación de JavaScript de todos.