日期:2014-05-16  浏览次数:20336 次

jquery 鼠标划过小图片显示大图片效果没出现
以下是代码
$(function(){
var x=10;
var y=20;
$("a.tooltip").mouseover(function(e){
this.myTitle=this.title;
this.title="";
var imgTitle=this.myTitle?"<br/>"+this.myTitle:"";
var tooltip="<div id='tooltip'><img src='"+this.href+"' alt='产品预览'>"+imgTitle+"</div>";
$("body").append(tooltip);
$("#tooltip").css({"top:"(e.pageY+y)+"px","left:"(e.pageX+x)+"px"}).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"});
});
})
望各位高手不吝赐教

------解决方案--------------------
this.href这个对不对。。
------解决方案--------------------
$("#tooltip").css({"top:"(e.pageY+y)+"px","left:"(e.pageX+x)+"px"});
.css()中:在"外面
$("#tooltip").css({"top":(e.pageY+y)+"px","left":(e.pageX+x)+"px"});
------解决方案--------------------
js跟踪调试