jquery设置css 的top和Left属性怎么没效果
<html><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><title>In...
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var x=10;
var y=20;
$("a.tooltip").mouseover(function(e){
this.myTitle = this.title;
this.title="";
var tooltip="<div id='tooltip'>"+this.myTitle+"</div>";
$("body").append(tooltip);
$("#tooltip").css({"left":"100px","background":"#CCC","width":"160px"}).show("fast");
}).mouseout(function(){
this.title=this.myTitle;
$("#tooltip").remove();
}).mousemove(function(e){
$("#tooltip").css({"top":"50px","left":"50px"});
});
});
</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>
其中$("#tooltip").css({"left":"100px","background":"#CCC","width":"160px"}).show("fast");的left:100px怎么没有效果呢，我设置top也没有效果，请问高手能解释下吗？ 展开
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var x=10;
var y=20;
$("a.tooltip").mouseover(function(e){
this.myTitle = this.title;
this.title="";
var tooltip="<div id='tooltip'>"+this.myTitle+"</div>";
$("body").append(tooltip);
$("#tooltip").css({"left":"100px","background":"#CCC","width":"160px"}).show("fast");
}).mouseout(function(){
this.title=this.myTitle;
$("#tooltip").remove();
}).mousemove(function(e){
$("#tooltip").css({"top":"50px","left":"50px"});
});
});
</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>
其中$("#tooltip").css({"left":"100px","background":"#CCC","width":"160px"}).show("fast");的left:100px怎么没有效果呢，我设置top也没有效果，请问高手能解释下吗？ 展开
展开全部
- -我都不说 你看的是锋利的jquery是不是。。。。你给#tooltip 加上样式 position:absolute就可以了 那本书上少写了
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
添加： position:absolute 试试
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
Vue实践-CSS样式position/display/float属性对比使用
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
