Javascript 在“中更改图像”;滑块";论悬停力
我试图创建一个“滑块”,当鼠标悬停在li元素上时,它会改变图像。如果你点击下面的链接,你就能明白我的意思Javascript 在“中更改图像”;滑块";论悬停力,javascript,jquery,css,slider,Javascript,Jquery,Css,Slider,我试图创建一个“滑块”,当鼠标悬停在li元素上时,它会改变图像。如果你点击下面的链接,你就能明白我的意思 盖斯奇尔德回族 施泰格 霍特皮伦 在上面的HTML中,您可以看到我正在尝试实现与链接相同的效果。有人能解释一下如何使用jquery或CSS来实现这一点吗 谢谢。您需要执行.hover(function(){//content}),例如,如果需要一个函数悬停在一个元素上,您可以执行以下操作: $('.element').hover(function(){ $('.anoth
- 盖斯奇尔德回族
- 施泰格
- 霍特皮伦
在上面的HTML中,您可以看到我正在尝试实现与链接相同的效果。有人能解释一下如何使用jquery或CSS来实现这一点吗
谢谢。您需要执行
.hover(function(){//content})要更改的元素上的代码>,例如,如果需要一个函数悬停在一个元素上,您可以执行以下操作:
$('.element').hover(function(){
$('.another_element').fadeOut(100);
});
此函数表示,当您将鼠标悬停在具有一个元素类的div上时,将在100毫秒时生成另一个具有另一个元素类的div.fadeOut()
,并使另一个元素的不透明度为0。要使JQuery的这段代码正常工作,尽管您需要添加一个ajax文件,这可能会对您有所帮助
当我将鼠标悬停在specialli
上时,我会更改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');
});