使用jQuery更改多个背景图像

在我的css页面中,我将其作为代码:

header { background:url('afbeeldingen/r.png'),url('Afbeeldingen/black.jpg'); background-position: 50% 33%, left top; background-repeat: no-repeat, no-repeat; background-size:26%,960px 130px; margin-left:auto; margin-right:auto; } 

现在在我的html页面中,当我将鼠标hover在导航栏上时,我希望使用JQuery来更改第一个图像。 你能帮我么?

在您要执行此操作的任何位置使用类标题到导航按钮

 .header { background:url('afbeeldingen/r.png'),url('Afbeeldingen/black.jpg'); background-position: 50% 33%, left top; background-repeat: no-repeat, no-repeat; background-size:26%,960px 130px; margin-left:auto; margin-right:auto; }  

jQuery中没有当前的本机方法来切换背景图像的顺序(因此也就是显示的顺序)。 这是通过解析链接并交换它们来交换具有两个背景图像的元素的背景图像顺序的代码:

 var bg=$(this).css('background-image').split('),url('); if(bg.length==2) $(this).css('background-image','url('+bg[1]+','+bg[0]+')');