jakie8
12-23-2008, 04:41 PM
<style type="text/css">
<!--
html, body {
height:100%;
margin: 0px;
padding: 0px;
background-color: #000000;
background-image:url(imgs/dark.jpg);
background-position:top center;
background-repeat:no-repeat;
}
.light {
height:100%;
background-color: #ffffff;
background-image:url(imgs/light.jpg);
background-position:top center;
background-repeat:no-repeat;
}
-->
</style>
</head>
<body>
<div class="light"></div>
</body>
</html>
WHen I insert the light div, it completely covers the original site which is what I want, but how can I make that light div fade away with javascript after like, 10 seconds, or whenever the mouse is clicked?
<!--
html, body {
height:100%;
margin: 0px;
padding: 0px;
background-color: #000000;
background-image:url(imgs/dark.jpg);
background-position:top center;
background-repeat:no-repeat;
}
.light {
height:100%;
background-color: #ffffff;
background-image:url(imgs/light.jpg);
background-position:top center;
background-repeat:no-repeat;
}
-->
</style>
</head>
<body>
<div class="light"></div>
</body>
</html>
WHen I insert the light div, it completely covers the original site which is what I want, but how can I make that light div fade away with javascript after like, 10 seconds, or whenever the mouse is clicked?