js 让鼠标右下角有一排小字_js实现鼠标移上去显示详细信息

• 第一页
• 第二页
• 第三页
• 第四页

var li = document.getElementsByTagName("li");

var detaildiv = document.createElement("div");

detaildiv.style.width = "100px";

detaildiv.id = "detail";

detaildiv.style.backgroundColor = "#ccc"

detaildiv.style.height = "100px";

detaildiv.style.border = "1px solid #f00";

detaildiv.style.position = "absolute";

function mouseover(demo) {

var   title =  document.getElementsByTagName("detail").title;

detaildiv.innerHTML = title.innerHTML;

//   demo.innerHTML;

document.body.appendChild(detaildiv);

document.getElementById("detail").style.display = "";

detaildiv.style.left = event.clientX + "px";

detaildiv.style.top = event.clientY + "px";     }

function mouseout() {

document.getElementById("detail").style.display = "none";     }