Javascript jQuery悬停在固定位置更改背景图像
你好在我的项目我有一个背景图像Javascript jQuery悬停在固定位置更改背景图像,javascript,jquery,css,Javascript,Jquery,Css,你好在我的项目我有一个背景图像 background: url('img/1.JPG') fixed; 当一个div(“.boxy”)将被悬停时,我试图使用jQuery更改此背景图像。 下面是我在jQuery中所做的 $(document).ready(function() { $(".boxy").hover( function() { $("body").css(??????); //what should i write here in order to
background: url('img/1.JPG') fixed;
当一个div(“.boxy”)
将被悬停时,我试图使用jQuery更改此背景图像。
下面是我在jQuery中所做的
$(document).ready(function() {
$(".boxy").hover(
function()
{
$("body").css(??????); //what should i write here in order to change background image in img/2.JPG
},
function()
{
$("body").css(??????); // what should i write here in order to chage background image in img/1.JPG
}
);
});
像这样的东西
$('body').css("background", "url('/image.jpg') fixed");
像这样的东西
$('body').css("background", "url('/image.jpg') fixed");
试试看
$(document).ready(function() {
$(".boxy").hover(
function()
{
$("body").css("background-image", "url(/img.png)");
},
function()
{
$("body").css("background-image", "url(/img2.png)");
}
);
});
试一试
$(document).ready(function() {
$(".boxy").hover(
function()
{
$("body").css("background-image", "url(/img.png)");
},
function()
{
$("body").css("background-image", "url(/img2.png)");
}
);
});
为什么不在鼠标悬停时添加类,鼠标悬停时删除类
$(“body”).addClass(“hoverd”)
和相同的wise removeClass(“hobved”)为什么不在悬停时添加类,在鼠标离开时删除$(“body”).addClass(“hoverd”)
和相同的wise removeClass(“hobved”)backgroundImage
这看起来像是javascript
中使用的属性,而不是CSS
?@KingKing中使用的属性-根据文档,此外,jQuery可以同样地解释多个单词属性的CSS和DOM格式。例如,jQuery理解并返回.css(“背景色”)和.css(“背景色”)的正确值。“谢谢,我不知道这一点,所以我的向上投票是正确的。向上投票符号(向上三角形)现在是橙色的。我将切换它让您看到?backgroundImage
这看起来像是javascript
中使用的属性,而不是CSS
?@KingKing-根据文档,“而且,jQuery同样可以解释多个单词属性的CSS和DOM格式。例如,jQuery理解并返回.css(“背景色”)和.css(“背景色”)的正确值。“谢谢,我不知道这一点,所以我的向上投票是正确的。向上投票符号(向上三角形)现在是橙色的。我将切换它让你看一看?它不会正常工作,我已经在css中修复了“背景:url('img/1.JPG');“但不是”背景图像:url('img/1.JPG')已修复;“它应该像在我的cssJust remove-image.$('body').css('background','url('+imageUrl+')fixed')中那样被修复;它应该是这样工作的,我在css中已经修复了”background:url('img/1.JPG');“但不是”背景图像:url('img/1.JPG')已修复;“它应该像在我的cssJust remove-image中一样被修复。$('body').css('background','url('+imageUrl+')fixed');