Help with fading in a background [SOLVED]
I'm am currently working on a website for a series of videos my friend and I are making. I want the page to load, and then once it is loaded, I want the image to fade in. I've played with the code for a while now and looked over the selectors documentation on jquery.com. The way it is now it fades everything in but the background! I simply want the page to load with a black background and then have a slow fade to the starfield. Please forgive me for not having everything I should in CSS yet. I've been working extensively on this background fade.
My code is. . .
-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type=text/javascript>
$(document).ready(function() {
$("body").hide();
$("#body").addClass("body");
$(".body").fadeIn("slow");
$("a").click(function() {
alert("Hello world!");
});
});
</script>
<title>Future Home of Band Wars!</title>
<style>
.body{
background-image:url('http://i490.photobucket.com/albums/rr263/leegeeks/starfieldsmall.png')
}
</style>
<meta name="generator" content="screem 0.16.1">
<meta name="author" content="Mr.J">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta content="78sUPeRVZSrMOXVHhR9K0CBPVKlRJhiJI2a2kHdPitc=" name="verify-v1">
</head>
<body link="#f9c805" vlink="red" text="#f9c805" id="body" bgcolor="black" class="body">
<div align="center">
<h3>This is the Future home of Band Wars!<br>
This site is currently under construction. Check back soon!</h3><br>
<img alt="" src="http://i490.photobucket.com/albums/rr263/leegeeks/bw1.png"><br>
<br><br>
<a href="../../wiki">Project Members - Click to go to the development Wiki.</a></div>
</body>
</html>
Thanks in advance for any help. I'm a big noob with jquery and javascript in general.