I would create a <div> on your page that contains the HTML, graphics, content, links, etc.
In your CSS stylesheet, you start out with that <div> hidden.
display:none; keeps it hidden from view.
#special{
width:400px;
height:300px;
display:none;
}
In your page you have:
<div id="special">
Visit today for specials on blah blah blah.
</div>
Then you put this on the top of your page (in the <head> section) so that <div> appears when the page loads.
<script src="jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#special').fadeIn(1500);
});
</script>
You also need to go to JQuery website and download the latest JQuery javascripting.
Put that .js file in the same directory as your page (or wherever you decide).
Using JQuery allows you to do many things, such as fade the <div> into view,
fade it back out, etc.
.