div fade

[vbnullchar]

how can i fade a div in a let say after 5 seconds? thanks

[ToonMariner]

javascript

[obsidian]

javascript

 

To give a little more help than that, here is a simple fade script that works in all major browsers by using javascript to manipulate the CSS for a "myDiv" element:

<style type="text/css">
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #255831;
}

#myDiv {
border: 1px solid #22411B;
background-color: #E0E9DA;
float: left;
padding: 10px;
}

#myDiv p {
padding: 0;
margin: 0;
}
</style>

<script type="text/javascript">
var origOpacity = 100;

function doFade() {
ele = document.getElementById('myDiv');
origOpacity -= 10;
ele.style.filter  = "alpha(opacity='" + origOpacity + "')";
ele.style.opacity = (origOpacity / 100);
if (origOpacity > 0) {
	t = setTimeout('doFade();', 100);
}
}

window.onload = function() {
x = setTimeout('doFade();', 5000);
};
</script>

<!-- Body Starts Here -->

<div id="myDiv">
<p>Some Content</p>
</div>

 

Notice that the opacity only works in IE when you have a float or fixed width on the div.

[veridicus]

I recommend script.aculo.us.  Take a look at the visual affects it can easily do.