Javascript 如何从鼠标上方的占位符中删除图像
我已经发布了这个问题,但似乎仍然无法理解。每当我第一次将鼠标悬停在任何较小的图像上时,较大的图像将显示在占位符上,每当我将鼠标从图像中移出时,占位符图像将为空白,这就是我希望它执行的操作。然而,在只做了一次之后,每当我将鼠标悬停在任何小图像上时,它就不再出现,它只在第一次工作时才工作,请帮助Javascript 如何从鼠标上方的占位符中删除图像,javascript,html,css,Javascript,Html,Css,我已经发布了这个问题,但似乎仍然无法理解。每当我第一次将鼠标悬停在任何较小的图像上时,较大的图像将显示在占位符上,每当我将鼠标从图像中移出时,占位符图像将为空白,这就是我希望它执行的操作。然而,在只做了一次之后,每当我将鼠标悬停在任何小图像上时,它就不再出现,它只在第一次工作时才工作,请帮助 var fullpic=新数组(4); 对于(变量i=0;i
var fullpic=新数组(4);
对于(变量i=0;i3)
n=0;
}
//CSS
#横幅包装{
位置:相对位置;
宽度:468px;
高度:61px;
保证金:0自动;
边缘底部:10px;
}
#横幅{
文本对齐:居中;
}
#拇指{
宽度:425px;
高度:80px;
保证金:0自动;
}
#主img{
宽度:513px;
身高:385px;
保证金:0自动;
边框:1px纯黑;
显示器:flex;
柔性流:行换行;
证明内容:中心;
对齐项目:居中;
弯曲方向:立柱;
}
#img盖{
最大高度:385px;
填充物:5px;
}
在
displayFull(i)
功能中,首先将#img盖的可见性设置为可见。您的代码正常工作,但可见性设置为“隐藏”,因此您无法看到结果。代码中几乎没有问题
在hiddevel()
中,您正在设置可见性:hidden
,并且不再使其可见
不知道你为什么要使用这个fullbanner
东西。希望与这个问题无关。它会产生错误,因为fullbanner[n]
没有意义
检查下面的代码段以供参考
var fullpic=新数组(4);
对于(变量i=0;i
#横幅包装{
位置:相对位置;
宽度:468px;
高度:61px;
保证金:0自动;
边缘底部:10px;
}
#横幅{
文本对齐:居中;
}
#拇指{
宽度:425px;
高度:80px;
保证金:0自动;
}
#主img{
宽度:513px;
身高:385px;
保证金:0自动;
边框:1px纯黑;
显示器:flex;
柔性流:行换行;
证明内容:中心;
对齐项目:居中;
弯曲方向:立柱;
}
#img盖{
最大高度:385px;
填充物:5px;
}
在“隐藏”中,您将图像的可见性设置为“隐藏”。在showFull中,您不会从“隐藏”重置可见性。您需要使它再次可见。谢谢,我没有意识到我必须这样做,我使用document.getElementById(“img cover”).style.visibility='visible'@网络学生214您的问题现在解决了吗?