이 기사에서는 JavaScript가 텍스트 정보로 프롬프트 상자를 팝업하는 효과에 대해 설명합니다. 다음과 같이 참조에 대해 공유하십시오.
ToolStips.js :
// pixel의 마우스에 대한 툴팁의 위치 // var offsetx = 12; var offset = 8; function newlement (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 = (documb if (document.getElementByIdx) {var IEBody = (docum 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'; }} 함수 도구 팁 (tip) {if (! document.getElementByIdx ( 'ToolTip')) NewLement ( 'ToolTip'); var lixlpixel_tooltip = document.getElementByIdx ( 'ToolTip'); lixlpixel_tooltip.innerhtml = 팁; 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; 라인-하이트 : 15px;} th {배경 색상 : #f7f7f7; 컬러 : #000000; font-size : 12px; font-weight : bold;} th.th1 {배경 색 : #333333;} td.tablebody7 {back checkbox. '); "onmouseout ="exit (); "> dielianhua </div> </body> </html>JavaScript 관련 콘텐츠에 대한 자세한 내용은이 사이트의 주제를 확인하십시오. "JavaScript Promp Box Effects의 요약", "JavaScript Switching 특수 효과 및 기술 요약", "JavaScript 검색 알고리즘 기술 요약", "JavaScript 특수 효과 및 기술 요약", "JavaScript 오류 및 Debgging Suction의 요약", "JavaScript Sucted의 요약" 기술 ","JavaScript Traversal 알고리즘 및 기술 요약 "및"JavaScript 수학적 운영 사용 요약 "
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.