弹出div总是在点击 点击页面中有链接接,使弹出的div总是位于链接右下侧。例:http://yjcity.0433yb.net/点公交站出现的效果 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 var obj=document.getElementById("div");obj.style.left=event.clientX;obj.style.top=event.clientY; <a href="javascript:fnSelectMarkPoint()">标记</a><div id="tip" style="height:15px; line-height:15px; border:1px solid #1A70C7; background:#fff; padding:0 4px 0 4px;filter:alpha(opacity=90); opacity:.9; float:left; color:#000; font-size:12px; white-space:nowrap;display:none;position:absolute;">单击左键选择标记位置</div><script language="javascript">function fnSelectMarkPoint(){ document.onmousemove=function(){ tip.style.display=""; tip.style.left=event.clientX+15; tip.style.top=event.clientY+20; };}</script> 再完善点:<a href="javascript:show_pointer()" onclick="event.cancelBublle=true;">标记</a><div id="tip" style="height:15px; line-height:15px; border:1px solid #1A70C7; background:#fff; padding:0 4px 0 4px;filter:alpha(opacity=90); opacity:.9; float:left; color:#000; font-size:12px; white-space:nowrap;display:none;position:absolute;">单击左键显示鼠标位置</div><script language="javascript">var event_shift=false;document.onmousemove=function(){ if(event_shift){ tip.style.display=""; tip.style.left=event.clientX+15; tip.style.top=event.clientY+20; }}document.onclick=function(){ if(event_shift){ alert("鼠标位置"+event.clientX+","+event.clientY); tip.style.display="none"; event_shift=false; }}function show_pointer(){ event_shift=true;}</script> <a title="标记" href="javascript:show_pointer()" onclick="event.cancelBublle=true;">标记</a> 单独js文件内jquery代码未执行 滚动条事件触发解决办法 JQ Plugin 插件用法详细探讨 Extjs datatable导出Excel 为什么导不出? 这是一个 生成js字符串的问题 希望大侠们快来帮帮我呀 动态修改框架网页中的内容 一个JavaScript计算总数的问题,大家帮忙修改一下? 网页内用js调网址的隐藏方法? extjs不显示数据问题 JavaScript在Structs中应用的一个问题 能否帮忙改一下这个循环代码?无法取到值 用JavaScript做一个弹出窗口,只有关闭的窗口,而且固定大小
obj.style.left=event.clientX;
obj.style.top=event.clientY;
<a href="javascript:fnSelectMarkPoint()">标记</a>
<div id="tip" style="height:15px; line-height:15px; border:1px solid #1A70C7; background:#fff; padding:0 4px 0 4px;filter:alpha(opacity=90); opacity:.9; float:left; color:#000; font-size:12px; white-space:nowrap;display:none;position:absolute;">单击左键选择标记位置</div>
<script language="javascript">
function fnSelectMarkPoint(){
document.onmousemove=function(){
tip.style.display="";
tip.style.left=event.clientX+15;
tip.style.top=event.clientY+20;
};
}
</script>
<div id="tip" style="height:15px; line-height:15px; border:1px solid #1A70C7; background:#fff; padding:0 4px 0 4px;filter:alpha(opacity=90); opacity:.9; float:left; color:#000; font-size:12px; white-space:nowrap;display:none;position:absolute;">单击左键显示鼠标位置</div>
<script language="javascript">
var event_shift=false;
document.onmousemove=function(){
if(event_shift){
tip.style.display="";
tip.style.left=event.clientX+15;
tip.style.top=event.clientY+20;
}
}document.onclick=function(){
if(event_shift){
alert("鼠标位置"+event.clientX+","+event.clientY);
tip.style.display="none";
event_shift=false;
}
}function show_pointer(){
event_shift=true;
}
</script>
<a title="标记" href="javascript:show_pointer()" onclick="event.cancelBublle=true;">标记</a>