gpt4 book ai didi

javascript - 覆盖 png 图像并在悬停时使图像变暗

转载 作者:太空宇宙 更新时间:2023-11-04 14:46:27 25 4
gpt4 key购买 nike

我如何使图像变暗,然后覆盖 png 图像,如 here

这是我当前的代码:

<!DOCTYPE html>
<html>
<head>
<title>JQuery Effect</title>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js?ver=3.2'></script>
</head>
<body>
<img src="http://i25.lulzimg.com/7cd053.jpg"/>
</body>
</html>

最佳答案

在图像容器上放置黑色背景颜色并在悬停时淡出图像。

jquery(例如)看起来像这样:

$('.fadable-image').each(function(){
$(this).hover(function(){
$(this).animate({opacity: 0.5}, 250, 'swing');
},function(){
$(this).animate({opacity: 1}, 250, 'swing');
});
});

http://api.jquery.com/animate/

http://api.jquery.com/hover/

也可以用 CSS 伪类完成,但没有效果。

关于javascript - 覆盖 png 图像并在悬停时使图像变暗,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7158523/

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