บทความนี้อธิบายวิธีการเลื่อนคำอธิบายข้อความเมื่อ JS วางตัวอยู่บนรูปภาพ แบ่งปันสำหรับการอ้างอิงของคุณ วิธีการใช้งานเฉพาะมีดังนี้:
คัดลอกรหัสดังนี้: <html>
<title> js ใช้คำอธิบายการเลื่อนข้อความเมื่อวางเมาส์บนรูปภาพ </title>
<body>
<ภาษาสคริปต์ = "JavaScript">
<!- เริ่มต้น
ฟังก์ชั่น showtip2 (ปัจจุบัน, e, ข้อความ) {
if (document.all && document.readystate == "เสร็จสมบูรณ์") {
document.all.tooltip2.innerhtml = '<marquee style = "border: 1px solid black">'+text+'</marquee>'
document.all.tooltip2.style.pixelleft = event.clientx+document.body.scrollleft+10
document.all.tooltip2.style.pixeltop = event.clienty+document.body.scrolltop+10
document.all.tooltip2.style.visibility = "มองเห็นได้"
-
อื่นถ้า (document.layers) {
document.tooltip2.document.nstip.document.write ('<b>'+text+'</b>')
document.tooltip2.document.nstip.document.close ()
document.tooltip2.document.nstip.left = 0
CurrentScroll = setInterval ("scrolltip ()", 100)
document.tooltip2.left = e.pagex+10
document.tooltip2.top = e.pagey+10
document.tooltip2.visibility = "show"
-
-
ฟังก์ชั่น hideetip2 () {
if (document.all)
document.all.tooltip2.style.visibility = "ซ่อน"
อื่นถ้า (document.layers) {
ClearInterval (CurrentScroll)
document.tooltip2.visibility = "ซ่อน"
-
-
// end ->
</script>
<div id = "tooltip2" style = "ตำแหน่ง: สัมบูรณ์; การมองเห็น: ซ่อน; คลิป: rect (0 150 50 0); ความกว้าง: 150px; พื้นหลัง-สี: ทอง; z-index: 10"> </div>
<div align = "center" name = "divtest" onMouseOver = "showtip2 (เหตุการณ์นี้, 'ยินดีต้อนรับสู่ wulin.com');" onMouseOut = "hidetip2 ();" style = "เคอร์เซอร์: มือ">
<table cellpadding = "0" cellpacing = "0"> <tr> <td colspan = "7">
<img src = "/images/banner.gif" border = "0" style = "เคอร์เซอร์: pointer;"/>
</table>
</div>
</body>
</html>
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน