jquery on hover更改照片，点击显示说明

Question

我有两个div。我想要悬停更改照片，点击显示说明并做出回应

任何帮助或建议都将不胜感激。

Answer 1

要更改背景，可以使用jquery的hove / css函数：

 $(document).ready(function() {
       $("your div/id").hover(function() {
           $("your div/id").css("background-image", "url(/myimage.jpg)");
});
});

要执行网站的点击部分，您可以使用点击功能：

 $(document).ready(function() {
   $(" your div/id").click(function() {
       // I need more info to explain this one.
   });
  });

你可以发布一些代码，这样我就可以看到你是如何编写代码的，我可以改变我的答案。

Answer 2

如果你想在悬停时切换图像，请执行以下操作：

$('a').hover(function() {
  $('.image').css({
    backgroundImage: 'url(http://placehold.it/1024x768)'
  })
}, function() {
  $('.image').css({
    backgroundImage: ''
  })
});

点击这样的内容：

$('a').on('click', function(){
  $('.menu').hide();
  $('.form').show();
});

这是完整的测试https://jsfiddle.net/oxn831xk/

这可以帮助您入手。添加您的样式并根据需要进行修改。

例如，如果您想为每个链接添加不同的图像，请为它们添加类并单独定位它们等。