Este artigo descreve o efeito do JavaScript exibindo caixas rápidas com informações de texto. Compartilhe -o para sua referência, como segue:
Toolstips.js:
// posição da dica de ferramenta em relação ao mouse em pixel // var offsetx = 12; var offset = 8; function newelement (newid) {if (document.createElement) {var el = document.createElement ('div'); el.id = newid; com (el.style) {display = 'nenhum'; posição = 'absoluto'; } el.innerhtml = ''; document.body.appendChild (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; páginax = (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)? Cliente = e.clienty: false; var lixlpixel_tooltip = document.getElementByidx ('Tooltip'); lxlpixel_tooltip.style.left = (mousex+pagex+offsetx)+'px'; lxlpixel_tooltip.style.top = (mousey+pagey+offsety)+'px'; }} função Tooltip (tip) {if (! var lixlpixel_tooltip = document.getElementByidx ('Tooltip'); lxlpixel_tooltip.innerhtml = tip; lxlpixel_tooltip.style.display = 'bloco'; document.onMousEmove = getMousePosition;} function exit () {document.getElementByidx ('Tooltip'). style.display = 'nenhum';}test.html
<html> <head> <style> .tableborder7 {width: 800; sólido; Background-Color: #000000;} TD {Font-Family: 安体; Fonte-Size: 12px; Linha-HEAT: 15px;} th {Background-Color: #f7f7f7; cor: #000000; font-size: 12px; font-weight: Bold;} Th.th1 {Bordado-Color: #3333333;} td.TableBody7 {Background-Color: #b1ea45;} </style> <script linguagem = "javascript" src = 'ToolTips.js'> </script> </ad Head> <body> <divomouSoverover = "Tooltip ('se você adicionar um Podcast, selecionar tê-lo Caixa de seleçãoFor more information about JavaScript related content, please check out the topics of this site: "Summary of JavaScript Prompt Box Effects", "Summary of JavaScript Switching Special Effects and Skills", "Summary of JavaScript Search Algorithm Skills", "Summary of JavaScript Animation Special Effects and Skills", "Summary of JavaScript Errors and Debugging Skills", "Summary of JavaScript Data Structures and Algorithm Habilidades "," Resumo do Algoritmo e Habilidades de Traversal JavaScript "e" Resumo do Uso da Operação Matemática JavaScript "
Espero que este artigo seja útil para a programação JavaScript de todos.