В этой статье описывается эффект, когда JavaScript выскакивает поля с текстовой информацией. Поделитесь этим для вашей ссылки, следующим образом:
ToolStips.js:
// положение подсказования инструментов относительно мыши в Pixel // var offsetx = 12; var offset = 8; function newElement (newId) {if (document.createElement) {var el = document.createElement ('div'); el.id = newid; с (el.style) {display = 'none'; позиция = 'абсолют'; } 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')! 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'; }} функция 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;} функция exit () {document.getElementByIdx ('tooltip'). style.display = 'none';}test.html
<html> <Head> <style> .tableborder7 {ширина: 800; твердый; Фоно-цвета: #000000;} td {font-family: 安体; font-size: 12px; line-hight: 15px;} th {фоновый цвет: #f7f7f7; color: #000000; font-size: 12px; font-weigh #3333333;} td.tablebody7 {background-color: #b1ea45;} </style> <script language = "javascript" src = 'tooltips.js'> </script> </head> <body> <div onmouseover = " Флажок. '); "onmouseout =" exit (); "> dielianhua </div> </body> </html>For 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 Навыки »,« Сводка алгоритма и навыков обхода JavaScript »и« Сводка математической операции JavaScript »»
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.