gpt4 book ai didi

javascript - 无法让 jQuery 在我的图像中淡入淡出?

转载 作者:塔克拉玛干 更新时间:2023-11-02 22:53:32 25 4
gpt4 key购买 nike

我根本无法让这些图像淡入,而且我不知道我做错了什么。我用 alert("hi") 代替了 $(this).fadeIn() 并显示了弹出窗口。我试过将代码放在最后,我试过链接到本地​​ jQuery 脚本,我试过只在 $("#eTR1").fadeIN() 中执行 $(document).ready() 但这也不起作用:

<!doctype HTML>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="style.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script>
$(document).ready(function()
{
$("#eTR1").bind("load", function() { $(this).fadeIn(); });
$("#eTR2").bind("load", function() { $(this).fadeIn(); });
$("#eTR3").bind("load", function() { $(this).fadeIn(); });
$("#eBL1").bind("load", function() { $(this).fadeIn(); });
$("#eBL2").bind("load", function() { $(this).fadeIn(); });
$("#eBL3").bind("load", function() { $(this).fadeIn(); });
});
</script>
</head>
<body>
<aside id="eTRRibbons">
<img id="eTR1" src="res/tr1.png">
<img id="eTR2" src="res/tr2.png">
<img id="eTR3" src="res/tr3.png">
</aside>
<aside id="eBLRibbons">
<img id="eBL1" src="res/bl1.png">
<img id="eBL2" src="res/bl2.png">
<img id="eBL3" src="res/bl3.png">
</aside>
</body>
</html>

html
{
height: 100%;
}

body
{
min-height: 100%;
margin: 0px;
}

#eTR1,#eTR2,#eTR3
{
position: fixed;

top: 0px;
right: 0px;

opacity: 0.0;
filter: alpha(opacity = 0);
}

#eBL1,#eBL2,#eBL3
{
position: fixed;

bottom: 0px;
left: 0px;

opacity: 0.0;
filter: alpha(opacity = 0);
}

我做错了什么?

最佳答案

不要在 css 中设置不透明度。给它一个 display: none;

http://jsfiddle.net/rlemon/zSzva/

我还为您的淡入添加了 1000 毫秒的持续时间,因此您可以在示例中看到效果。

关于javascript - 无法让 jQuery 在我的图像中淡入淡出?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7230078/

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