html 浮动提示文本框,html 鼠标事件,注释浮动框,提示文字

本文详细介绍了如何在不同浏览器环境下使用JavaScript实现提示信息的实时定位,包括对DOM元素位置的精确控制。通过flowarea元素的样式调整,确保在各种状态(如DOMContentLoaded、IE兼容等)下都能正确显示。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Insert title here

function showTip(e,temptx){

//alert(e.clientX+" "+e.clientY);

if(document.all&&(document.readyState=="complete"||document.readyState=="interactive")){

document.getElementById("flowarea").innerHTML='

'+temptx+'
【X】

document.all.flowarea.style.pixelLeft=e.clientX+document.body.scrollLeft+10;

document.all.flowarea.style.pixelTop=e.clientY+document.body.scrollTop+10;

document.all.flowarea.style.visibility="visible";

}else if(document.readyState=="complete"||document.readyState=="interactive"){

document.getElementById("flowarea").innerHTML='

'+temptx+'
【X】

document.getElementById("flowarea").style.left=e.clientX+document.documentElement.scrollLeft+100+'px';

document.getElementById("flowarea").style.top=e.clientY+document.documentElement.scrollTop+100+'px';

document.getElementById("flowarea").style.visibility="visible";

alert(document.getElementById("flowarea").style.left+" + "+document.getElementById("flowarea").style.top);

}else if(document.layers){

document.flowarea.document.nstip.document.write(''+'

document.flowarea.document.nstip.document.close();

document.flowarea.document.nstip.left=0;

//currentscroll=setInterval("pub_help_scrolltip()",100);

document.flowarea.left=e.pageX+100;

document.flowarea.top=e.pageY+100;

document.flowarea.visibility="show";

}

}

function pub_help_scrolltip(){

if(document.flowarea.document.nstip.left>=-document.flowarea.document.nstip.document.width)

document.flowarea.document.nstip.left=5;

else

document.flowarea.document.nstip.left=150;

}

function closeTip(){

document.getElementById("flowarea").style.visibility="hidden";

}

11

1.jpg

12

21

22

31

32

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值