这是我的jsfiddle链接http://jsfiddle.net/SUBnz/1/,它在jsfiddle网站上运行,但无法在我的项目上运行。它没有显示任何内容。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<head lang="en">
<script src="jquery-1.11.3.min.js"></script>
<style type="text/css">
#overlay{
display:none;
background:red;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
$('#overlay').fadeIn('fast').delay(1000).fadeOut('fast');
});
</script>
</head>
<body>
<div id ="overlay">Hello</div>
</body>
</html>
答案 0 :(得分:0)
我已根据您的代码更新了我的答案,请在下方查看。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<head lang="en">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
<style type="text/css">
#overlay{
display:none;
background:red;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
$('#overlay').fadeIn('fast').delay(1000).fadeOut('fast');
});
</script>
</head>
<body>
<div id ="overlay">Hello</div>
</body>
</html>