这里是怎么确实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的值改成绝对的,也是不变的,该如何控制显示位置呢?
<!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
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28