This article describes the effect of javascript popping up prompt boxes with text information. Share it for your reference, as follows:
toolstips.js:
// position of the tooltip relative to the mouse in pixel //var offsetx = 12;var offset = 8;function newelement(newid){ if(document.createElement) { var el = document.createElement('div'); 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.toLowerCase();var isapple = (ua.indexOf('applewebkit') != -1 ? 1 : 0);function 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><head><style>.tableBorder7{width:800;solid; background-color: #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 language="JavaScript" src='tooltips.js'></script></HEAD><BODY><div onmouseover="tooltip('If you add a podcast, select this checkbox.');"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 Skills", "Summary of JavaScript Traversal Algorithm and Skills" and "Summary of JavaScript Mathematical Operation Usage"
I hope this article will be helpful to everyone's JavaScript programming.