背景图像在悬停时的变化
背景图像在悬停时的变化
提问于 2013-07-26 12:46:41
我正在创建一个菜单，它改变了悬停的背景。您可以看到示例论JSFiddle。
当它在JSFiddle中运行时，一切都很好。但是，当我试图在我的网站上使用这段代码时，它失败了。
这是我的密码：
<html>
<head>
<title>Sample</title>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<style>
body {
background: #ccc;
transition:0.5s;
}
</style>
</head>
<body>
<script type="text/javascript">
$(document).ready(function () {
$("#div-1").hover(
function () {
$('body').css("background", "#ff9900");
},
function () {
$('body').css("background", "#ccc");
}
);
$("#div-2").hover(
function () {
$('body').css("background", "red");
},
function () {
$('body').css("background", "#ccc");
}
);
$("#div-3").hover(
function () {
$('body').css("background", "yellow");
},
function () {
$('body').css("background", "#ccc");
}
);
}
</script>
<a id="div-1" href="#"> Orange</a>
<a id="div-2" href="#">Red</a>
<a id="div-3" href="#">Yellow</a>
</body>
</html>有人知道我做错了什么吗？
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-07-26 12:58:11
(您错过了关闭)；使用notepad++检查它，它现在已经开始工作了。
<html>
<head>
<title>Sample</title>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<style>
body {
background: #ccc;
transition:0.5s;
}
</style>
</head>
<body>
<script type="text/javascript">
$(document).ready(function () {
$("#div-1").hover(
function () {
$('body').css("background", "#ff9900");
},
function () {
$('body').css("background", "#ccc");
}
);
$("#div-2").hover(
function () {
$('body').css("background", "red");
},
function () {
$('body').css("background", "#ccc");
}
);
$("#div-3").hover(
function () {
$('body').css("background", "yellow");
},
function () {
$('body').css("background", "#ccc");
}
);
});
</script>
<a id="div-1" href="#"> Orange</a>
<a id="div-2" href="#">Red</a>
<a id="div-3" href="#">Yellow</a>
</body>
</html>Stack Overflow用户
发布于 2013-07-26 12:49:51
在notepad++中，它不会识别您正在访问的jquery代码。至于身体部分：
$('body').css('background-image', 'urlofimage');页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17881699
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号