Info bar that drops down after a time period

[rana1]

How do get a bar drop to down from the top of the browser window after a period of time that the user has been viewing the page? Say 5 seconds. This bar would then push all content on the page down until the bar finishes appearing. The bar would be used to show a single line of text informing the user of something. And maybe a small little X on the right side of the bar to close it.Currently this is the CSS:\[code\]#infobar { border-bottom: 5px solid; height: 25px; position: fixed; width: 100%; border-bottom-color: #F00; background-color: #9C9; margin-top:-16px;}#infobar .text { color: #FFFFFF; float: left; font-family: arial; font-size: 12px; padding: 5px 0; position: relative; text-align: center; width: 100%;}#infobar .text a { color: #FAFAFA;}#infobar .text a:hover { color: #FFE2A0;}</style>\[/code\]And HTML:\[code\]<div id="infobar"><div class="text">....this is the bar text....</div></div>\[/code\]