图片鼠标放上去,弹出层会错位

hhshang 2009-12-01 09:47:57

图片鼠标放上去,弹出层的图片会错位!具体在 http://www.11111a.com/test/love/products.asp?id=26

知道如何解决的可否告知,是怎么回事!

...全文

325 18 打赏收藏转发到动态举报

写回复

用AI写文章

18 条回复

切换为时间正序

请发表友善的回复…

发表回复

javaxingxing 2011-07-21

打赏
举报

挺好但是我木用到

qqzeng-ip 2009-12-03

打赏
举报

MooTools 做效果会好很多

hhshang 2009-12-02

打赏
举报

15楼你说对了,就是这段声明的问题,把这段改过来就不会错位了!

ayouori 2009-12-02

打赏
举报

测试了下event.x/event.y在IE可以在FF里不行,还是用以前的event.clientY/event.clientX
把DOCTYPE声明去掉
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
或者改成
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >
试一试.

hhshang 2009-12-02

打赏
举报

12楼的你所说的那样的方法还是一样的会错位的!真不知道要咋弄了

lbcleo 2009-12-02

打赏
举报

试下楼上的方法

ayouori 2009-12-02

打赏
举报

是
event.clientY
event.clientX
的问题
如果拉窄窗口横向的也同样存在问题
改成
event.y
event.x

hhshang 2009-12-02

打赏
举报

没有人知道了吗?

hhshang 2009-12-01

打赏
举报

[Quote=引用 9 楼 insmiles 的回复:]
div 的left top 要与鼠标的坐标保持一定关系，看你设计的，不滚动的话前两行可以，但是一滚动滚动条的话图片就错位，是不是你的div位置的父容器设的有问题啊
[/Quote]你说的没错,要如何解决呢?<SCRIPT language=javascript>
function show(event,_this)
{
event = event || window.event;
var t1="<table cellspacing='0' cellpadding='0' ><tr><td><img src='" + _this + "' width='280' height='280' class='tball-01' style='filter:Alpha(opacity=150);'></td></tr></table>";
document.getElementById("a1").innerHTML =t1;
document.getElementById("a1").style.top = document.body.scrollTop + event.clientY - 160 + "px";
document.getElementById("a1").style.left = document.body.scrollLeft + event.clientX + 10 + "px";
document.getElementById("a1").style.display = "block";
}
function hide(_this)
{
document.getElementById("a1").innerHTML = "";
document.getElementById("a1").style.display = "none";
}
</SCRIPT>这个是弹出层的那个js