弹出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> 在将JQ用zepto替换过程中的问题 如何将鼠标点击展开关闭的层垂直水平居中 求类似于csdn论坛一样的ubb代码 请问那里错了?谢谢 在看一些JavaScript实例中总有这样一个标识符$,它是什么意思,用法是什么? 感觉没问题但就是运行不对的代码,请兄弟们看看 如何用js取消浏览器的表单提示 如何让一个层显示在屏幕中间? 如何用JavaScript调用"ActiveX控件的方法"? 如何在脚本中实现自动填充Input中的内容 能否帮忙改一下这个循环代码?无法取到值 用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>