图片鼠标放上去,弹出层会错位
图片鼠标放上去,弹出层的图片会错位!具体在 http://www.11111a.com/test/love/products.asp?id=26
知道如何解决的可否告知,是怎么回事!
知道如何解决的可否告知,是怎么回事!
...全文
请发表友善的回复…
发表回复
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" >
试一试.
把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
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
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
Insmiles 2009-12-01
- 打赏
- 举报
div 的left top 要与鼠标的坐标保持一定关系，看你设计的，不滚动的话 前两行可以，但是一滚动滚动条的话 图片就错位，是不是你的div位置的父容器设的有问题啊
hhshang 2009-12-01
- 打赏
- 举报
就没有人知道这个问题了吗?
hhshang 2009-12-01
- 打赏
- 举报
楼上的,用你这个,鼠标放上去就整个一块产品全都错位了!
qqzeng-ip 2009-12-01
- 打赏
- 举报
position:relative
应该用相对定位 不用绝对定位
应该用相对定位 不用绝对定位
hhshang 2009-12-01
- 打赏
- 举报
可以说的具体一些吗?
hhshang 2009-12-01
- 打赏
- 举报
调哪个参数呢?
qqzeng-ip 2009-12-01
- 打赏
- 举报
位置控制不好 调一下参数
hhshang 2009-12-01
- 打赏
- 举报
你把鼠标放到最后一行去,就会出现那个图片跑到上面去了
lzp4881 2009-12-01
- 打赏
- 举报
没有错位啊，效果很好嘛.
