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

dxs164904852 2012-03-02 04:52:36
以下是代码
$(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"});
});
})
望各位高手不吝赐教
...全文
159 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
liujintaozyc 2012-03-07
  • 打赏
  • 举报
回复
js跟踪调试
dxs164904852 2012-03-07
  • 打赏
  • 举报
回复
改了也没效果,效果出不来憋的头疼
wzeric 2012-03-06
  • 打赏
  • 举报
回复
$("#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"});
三石-gary 2012-03-02
  • 打赏
  • 举报
回复
this.href这个对不对。。

87,989

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧