+ -
当前位置:首页 → 问答吧 → 这里是怎么确实x坐标和y坐标的啊

这里是怎么确实x坐标和y坐标的啊

时间:2010-08-31

来源:互联网

这是书上的一份代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js</title>
<script type="text/javascript" src="jquery.js"></script>
<script language="javascript">
$(document).ready(function(){
$("a.tooltip").mouseover(function(e){
var tooltip="<div id='tooltip'>"+this.title+"</div>";
$("body").append(tooltip);
$("#tooltip").css({"top":e.pageY+"px","left":e.pageX+"px"}).show('fast');
}).mouseout(function(){
$("#tooltip").remove();
});


});
</script>
</head>

<body>
<p><a href="#" class="tooltip" title="这是我的超链接提示 1.">提示 1.</a></p>
<p><a href="#" class="tooltip" title="这是我的超链接提示 2.">提示 2.</a></p>
<p><a href="#" title="这是自带提示1.">自带提示1</a></p>
<p><a href="#" title="这是自带提示2.">自带提示2</a></p>


</body>
</html>
[html] js
[url=#]提示 1.[/url]
[url=#]提示 2.[/url]
[url=#]自带提示1[/url]
[url=#]自带提示2[/url] [/html]
"top":e.pageY+"px","left":e.pageX+"px" 这样就可以确定位置了么?我把top和left的值改成绝对的,也是不变的,该如何控制显示位置呢?

作者: vicyl   发布时间: 2010-08-31

沙发

作者: pop300p   发布时间: 2010-08-31

我自己测试了一下,发现是css中的两个属性 top和left值不起作用,那用什么可以控制坐标位置呃

作者: vicyl   发布时间: 2010-08-31

相关阅读 更多