读书人

jquery 鼠标划过小图片显示大图片效果

发布时间: 2012-05-03 14:06:56 作者: rapoo

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跟踪调试

读书人网 >JavaScript

热点推荐