遇到一个鼠标经过的时候显示title属性的问题，不多说附上代码
<body>
<p><a href="#" class="tooltip" title="this is tip1">tip1</a></p>
<p><a href="#" class="tooltip" title="this is tip2">tip2</a></p>
</body>
引用的js是：
$(function(){
var x = 50;
var y = 20;
$("a.tooltip").mouseover(function(e){
this.myTitle = this.title;
this.title = "";
var content = "<div id='tooltip'>" + this.myTitle + "</div>";
$("body").append(content);
$("#tooltip").css({"top":e.pageY+"px","left":e.pageX+"px","position":"absolute"}).show("fast");
}).mouseout(function(){
this.title = this.myTitle;
$("#tooltip").remove();
}).mousemove(function(e){
$("#tooltip").css({"top":(e.pageY + y)+"px","left":(e.pageX + x) + "px"});
});
});
为什么鼠标从左边慢慢移入的时候js的部分就失效了呢，title还是正常显示，难道是我浏览器的问题么？
<body>
<p><a href="#" class="tooltip" title="this is tip1">tip1</a></p>
<p><a href="#" class="tooltip" title="this is tip2">tip2</a></p>
</body>
引用的js是：
$(function(){
var x = 50;
var y = 20;
$("a.tooltip").mouseover(function(e){
this.myTitle = this.title;
this.title = "";
var content = "<div id='tooltip'>" + this.myTitle + "</div>";
$("body").append(content);
$("#tooltip").css({"top":e.pageY+"px","left":e.pageX+"px","position":"absolute"}).show("fast");
}).mouseout(function(){
this.title = this.myTitle;
$("#tooltip").remove();
}).mousemove(function(e){
$("#tooltip").css({"top":(e.pageY + y)+"px","left":(e.pageX + x) + "px"});
});
});
为什么鼠标从左边慢慢移入的时候js的部分就失效了呢，title还是正常显示，难道是我浏览器的问题么？
