<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也沒有效果,請問高手能解釋下嗎?
為什么使用jquery設置css 的top和Left屬性但是卻沒效果?
繁花不似錦
2022-04-04 16:13:10