我想在加载时淡入页面。我在这里查看了其他表格，但不知何故它对我不起作用......
Javascript文件：
window.onload = init;
function init() {
$('#container').fadeIn('slow');
}
其中一页：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Apparel</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script src="effects.js"></script>
</head>
<body>
<div id="cart">
<img src="shopcart.jpg" height="30px">
</div>
<div id="container">
<div id="nav">
<p id="sb">Apparel</p>
<p id="about"><a href="home.html">HOME</a></p>
<p id="srv"><a href="outerwear.html">OUTERWEAR</a></p>
<p id="srv"><a href="clothing.html">CLOTHING</a></p>
<p id="pjt"><a href="shoes.html">SHOES</a></p>
<p id="pjt"><a href="accessories.html">ACCESSORIES</a></p>
<p id="about"><a href="about.html">ABOUT</a></p>
<p id="cont"><a href="contact.html">CONTACT</a></p>
</div>
<div id="imgcontainer">
<img src="homeimg.jpg">
</div>
</div>
</body>
</html>
Put
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
以上
<script src="effects.js"></script>
这将公开您在执行$('#container')时使用的$变量（也称为 jQuery 库）
你最好将window.onload替换为$（function（）{}）;
这是代码：
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
//window.onload = init;
$(function(){
init()
});
</script>
享受它 ： ）