gpt4 book ai didi

jquery - 悬停时更改图像但不更改图像位置

转载 作者:太空宇宙 更新时间:2023-11-04 04:24:48 26 4
gpt4 key购买 nike

我试图在悬停时更改图像,它应该非常简单,但由于某种原因它没有改变图像,我还注意到有一种抽搐。

jQuery:

$('#first_default_circle').hover(
function () {
$(this).find('.default').hide();
$('#first_default_circle_hover.default_hover').show();
},
function () {
$('#first_default_circle_hover.default_hover').hide();
$(this).find('.default').show();
});

CSS:

.default {
height: 86px;
left: 280px;
top: 50px;
width: 86px;
}
img {
position: absolute;
background:#000;
}
.default_hover {
display: none;
height: 119px;
left: 261px;
top: 40px;
width: 119px;
}

Jsfiddle:http://jsfiddle.net/squidraj/Z6rNF/

非常感谢任何形式的帮助。在此先致谢。

最佳答案

FIDDLE

JS

$("#circle").hover(

function () {
$('.default').hide();
$('.default_hover').show();
},

function () {
$('.default_hover').hide();
$('.default').show();
});

HTML

<div id="circle">
<img src="http://www.demo-pinksquid.co.uk/img/rewarding_icon_private_medical_insurance.png" class="default">
<img src="http://www.demo-pinksquid.co.uk/img/rewarding_icon_private_medical_insurance_ho.png" class="default_hover">
</div>

或者如果您喜欢一些淡入淡出效果:

FIDDLE

关于jquery - 悬停时更改图像但不更改图像位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18468640/

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