弹出div总是在点击

WzSzm 2009-06-24 03:21:16
点击页面中有链接接,使弹出的div总是位于链接右下侧。
例:http://yjcity.0433yb.net/
点公交站出现的效果
...全文
33 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
pstrunner 2009-06-26
  • 打赏
  • 举报
回复

<a title="标记" href="javascript:show_pointer()" onclick="event.cancelBublle=true;">标记</a>
pstrunner 2009-06-26
  • 打赏
  • 举报
回复
onmouseover()
v轻扬v 2009-06-26
  • 打赏
  • 举报
回复
再完善点:

<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>
v轻扬v 2009-06-26
  • 打赏
  • 举报
回复

<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>
WzSzm 2009-06-24
  • 打赏
  • 举报
回复
能不能写的详细点?
郭大侠_ 2009-06-24
  • 打赏
  • 举报
回复
var obj=document.getElementById("div");
obj.style.left=event.clientX;
obj.style.top=event.clientY;

87,910

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧