Javascript 在文本上悬停更改图像

共有4篇课文。当我将鼠标悬停在每一张图片上时，我可以看到属于某一文本的某一图片

问题是，我需要一个由图像组成的滑块。我的意思是，当我在

text1

上悬停时，我需要查看我的图像，一秒钟后，该图像必须消失

所以，我需要处理所有文本，但在我的代码中，我只能看到一个图像，除了它不是一个滑块。在这个问题上你能帮我吗

代码如下：

.pic{
背景图片：url（img/scr img/1.png）；
宽度：236px；
高度：420px；
过渡：1s；
背景尺寸：封面；
}
p1：悬停~.pic{
背景图片：url（img/scr img/8.png）；
}
p2：悬停~.pic{
背景图片：url（img/scr img/9.png）；
}
p3：悬停~.pic{
背景图片：url（img/scr img/11.png）；
}
p4：悬停~.pic{
背景图片：url（img/scr img/5.png）；
}

文本1

文本2



文本3

文本4

这不像一个滑块，但在

pic div

的内部，我们可以在

文本

悬停时更改图像。 我假设我们在文件夹

img/src img

中有所有需要的图像，并且

img

文件夹位于html页面所在的同一目录中

下面的代码在Chrome中运行良好

.pic{
背景图片：url（img/scr img/1.png）；
宽度：236px；
高度：420px；
过渡：1s；
背景尺寸：封面；
}
p1：悬停~.pic{
背景图片：url（img/scr img/8.png）；
}
p2：悬停~.pic{
背景图片：url（img/scr img/9.png）；
}
p3：悬停~.pic{
背景图片：url（img/scr img/11.png）；
}
p4：悬停~.pic{
背景图片：url（img/scr img/5.png）；
}

文本1

文本2



文本3

文本4

对不起，请问什么是

p1

p2

p3

p4

？@zmuci这些段落等同于某些文本我的观点是

p1

<代码>p4不是有效的HTML标记。除非你使用的是某种JS框架，而且这些都是定制组件。那么你能做些什么改变呢？那么你能对

p1

、

p2

、

p3

和

p4

@timur说些什么呢？我刚刚改变了pic div的位置，因为对于p1，p2来说它工作得很好。为了让它在p3和p4上工作，pic div也应该在p3和p4之后。希望这能回答你的问题。@Ramesh，我听不懂你的问题。请详细说明你到底想问什么？@Anki我想创建一个图像滑块。当我停留在某个文本上时，我需要看到某个图像，我需要对所有文本进行处理