Artikel ini menjelaskan efek JavaScript muncul kotak prompt dengan informasi teks. Bagikan untuk referensi Anda, sebagai berikut:
Toolstips.js:
// Posisi tooltip relatif terhadap mouse di pixel // var offsetx = 12; var offset = 8; function newElement (newID) {if (document.createElement) {var el = document.createElement ('div'); el.id = newID; dengan (el.style) {display = 'none'; Posisi = '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') (); var isApple = (ua.indexOf ('appleWeBkit') (); 1?); 0 function (ua); 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> <tyle> .tableBorder7 {width: 800; solid; Latar Belakang: #000000;} td {font-family: 安体; font-size: 12px; line-height: 15px;} th {latar belakang: #f7f7f7; warna: #000000; font-ukuran: 12px; font-weight: bold;} th.th1 {latar belakang-col: 12px; font-weight: bold;} th.th1 {latar belakang-col: 12px; font-weight: bold;} th.th1 {latar belakang-c-col: 12px; font-weight: bold;} th.th1 {latar-c-col #333333;} td.tablebody7 {latar belakang-color: #b1ea45;} </tyle> <script language = "javascript" src = 'tooltips.js'> </script> </head> <body> <v onmouseover = "tooltip ('jika Anda menambahkan pod, pilih ini kotak centang. '); "onmouseout =" Exit (); "> Dielianhua </div> </body> </html>Untuk informasi lebih lanjut tentang konten terkait JavaScript, silakan periksa topik -topik situs ini: "Ringkasan Efek Kotak Prompt Javascript", "Ringkasan JavaScript Mengalihkan Efek dan Keterampilan Khusus", "Ringkasan Keterampilan Pencarian JavaScript dan Ringkasan Struktur Javascript" Ringkasan Khusus "Ringkasan JAGING PRICTRIPS DAN RINGKASAN JAGING JAGING DAN RINGKASAN JAGRIPTM DAN JAGRIPSCRIPS" Ringkasan Javascript "Ringkasan Javascript" Ringkasan Javascript "Ringkasan Javascript" Ringkasan Javascript "Ringkasan Javascript Keterampilan "," Ringkasan Algoritma dan Keterampilan Traversal JavaScript "dan" Ringkasan Penggunaan Operasi Matematika JavaScript "
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.