参见英文答案 >
Setting background-image using jQuery CSS property9个
我正在使用此代码获取菜单选项卡.当鼠标悬停在选项卡上时,选项卡图像将更改,同样我想要使用jquery.i更改选项卡onlick的图像使用下面的代码执行此操作但我无法得到它.我怎样才能做到这一点.
我正在使用此代码获取菜单选项卡.当鼠标悬停在选项卡上时,选项卡图像将更改,同样我想要使用jquery.i更改选项卡onlick的图像使用下面的代码执行此操作但我无法得到它.我怎样才能做到这一点.
<html>
<head>
<title>Css Menu</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<style>
.home {
background: url("images/tab2.png") repeat scroll 0 0 transparent;
border-radius: 4px 4px 0 0;
height: 75px;
left: 54px;
position: relative;
top: 25px;
width: 90px;
}
.home:hover {
background: url("images/tab3.png") repeat scroll 0 0 transparent;
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
}
</style>
<script type="text/javascript">
$(function() {
$('.home').click(function() {
$('home').css('backgroundImage','url(images/tabs3.png)');
});
}):
</script>
</head>
<body><div class="frame">
<div class="header1"></div>
<div class="header2">
<a href="#"><div class="home" onclick="function()"><img src="images/tools.png" class="image"><br><span class="align">Home</span></div></a>
</div>
<div class="header3"></div>
</div>
</body>
</html>
解决方法
您需要使用background-image而不是backgroundImage.例如：
$(function() {
$('.home').click(function() {
$(this).css('background-image','url(images/tabs3.png)');
});
}):
