Question

我是 html/css/jquery 的新手，我的测验代码有一些问题。我想在将鼠标悬停在选项上时显示图像。该测验是在带有 Wordpress 插件的 Altvista 中创建的，因此我无法在 html 中对其进行修改（我正在回忆 css 中的元素，并在页面检查器中找到它们）

为了使它工作，我添加了一个包含 2 个类的图像

<img src="https://tinter.altervista.org/wp-content/uploads/2021/06/autumn-320x480.jpg" alt="" width="320" height="480" class="img_porcellana isvisible_porcellana" />

然后我在 CSS 中添加

.img_porcellana {
  display: none;                                                                              
}                                                          
.isvisible_porcellana {
  display:block;                                                                              
}

然后在JS中

$('#question1-Porcellana\/rosata-\(chiara\)\;-mi-abbronzo-con-difficoltà-e-mi-arrosso-facilmente').hover(function (e){
$('.img_porcellana').toggleClass('isvisible_porcellana') })

我不明白出了什么问题/这是否是正确的写法

如果有帮助，我将链接网页 https://tinter.altervista.org/test-def/

预先感谢您的帮助

将鼠标悬停在文本上时显示图像

0 个答案: