gpt4 book ai didi

javascript - jquery onclick 更改 css 背景图像

转载 作者:太空狗 更新时间:2023-10-29 14:44:12 26 4
gpt4 key购买 nike

<分区>

我正在使用此代码获取菜单选项卡。当我将鼠标悬停在选项卡上时,选项卡图像将会更改,同样我想使用 jquery 更改选项卡 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>

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com