Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在“中更改图像”;滑块";论悬停力_Javascript_Jquery_Css_Slider - Fatal编程技术网

Javascript 在“中更改图像”;滑块";论悬停力

Javascript 在“中更改图像”;滑块";论悬停力,javascript,jquery,css,slider,Javascript,Jquery,Css,Slider,我试图创建一个“滑块”,当鼠标悬停在li元素上时,它会改变图像。如果你点击下面的链接,你就能明白我的意思 盖斯奇尔德回族 施泰格 霍特皮伦 在上面的HTML中,您可以看到我正在尝试实现与链接相同的效果。有人能解释一下如何使用jquery或CSS来实现这一点吗 谢谢。您需要执行.hover(function(){//content}),例如,如果需要一个函数悬停在一个元素上,您可以执行以下操作: $('.element').hover(function(){ $('.anoth

我试图创建一个“滑块”,当鼠标悬停在li元素上时,它会改变图像。如果你点击下面的链接,你就能明白我的意思


  • 盖斯奇尔德回族
  • 施泰格
  • 霍特皮伦

在上面的HTML中,您可以看到我正在尝试实现与链接相同的效果。有人能解释一下如何使用jquery或CSS来实现这一点吗


谢谢。

您需要执行
.hover(function(){//content}),例如,如果需要一个函数悬停在一个元素上,您可以执行以下操作:

$('.element').hover(function(){
$('.another_element').fadeOut(100);
});

此函数表示,当您将鼠标悬停在具有一个元素类的div上时,将在100毫秒时生成另一个具有另一个元素类的div
.fadeOut()
,并使另一个元素的不透明度为0。要使JQuery的这段代码正常工作,尽管您需要添加一个ajax文件,这可能会对您有所帮助

当我将鼠标悬停在special
li
上时,我会更改
img属性

$("ul li:nth-child(1)").hover(
 function () {     
  $('#changeImage').attr('src','source');
});

我试图用display none来修复这个问题,并在悬停时将图像更改为display block。但是屏幕上总需要有一个图像,所以对我来说不合适
$("ul li:nth-child(1)").hover(
 function () {     
  $('#changeImage').attr('src','source');
});