个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
24
4
我试图在页面加载后淡入一个 div，由于某种原因它不起作用，还有没有更好的方法来使用 JavaScript
<!DOCTYPE html>
<html lang="en">
<head>
<title>Fade In</title>
<meta charset="UTF-8"/>
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
</head>
<body onload="FadeIn('box2');">
<div id="box2">Content in Box2...</div>
</body>
</html>
.
function FadeIn(el2){
var element2 = document.getElementById(el2);
element2.style.transition = "opacity 1.0s linear 0";
element2.style.opacity = 1;
}
.
#box2{
background:#9dceff;
width:400px;
height:200px;
}
最佳答案
据我从代码中可以看出，您忘记首先将不透明度设置为零。如果该元素从一开始就是完全不透明的，则不会有太多褪色。
关于javaScript 淡入 OnLoad，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18902871/
24
4
0
我是一名优秀的程序员,十分优秀！