为了账号安全,请及时绑定邮箱和手机立即绑定

为什么使用jquery设置css 的top和Left属性但是却没效果?

为什么使用jquery设置css 的top和Left属性但是却没效果?

繁花不似锦 2022-04-04 16:13:10
<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也没有效果,请问高手能解释下吗?
查看完整描述

2 回答

?
慕的地10843

TA贡献1785条经验 获得超8个赞

你给#tooltip 加上样式 position:absolute就可以了哦

查看完整回答
反对 回复 2022-04-07
?
哈士奇WWW

TA贡献1799条经验 获得超6个赞

添加: position:absolute 试试

查看完整回答
反对 回复 2022-04-07
  • 2 回答
  • 0 关注
  • 465 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号