Skip to content

Instantly share code, notes, and snippets.

@eng

eng/gist:70032

Created February 25, 2009 05:15
Show Gist options
  • Save eng/70032 to your computer and use it in GitHub Desktop.
Save eng/70032 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.txt
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>The Greatest Flash Message Ever</title>
<style type="text/css" media="screen">
html, body {
margin: 0;
padding: 0;
background: #181818;
}
div#notice {
position: relative;
top: 0;
left: 0;
width: 100%;
}
div#notice div#notice_background {
-moz-opacity:0.9;
opacity: .9;
filter: alpha(opacity=90);
background: #FB632D;
padding: 16px 0 18px;
width: 100%;
height: 16px;
}
div#notice div#notice_message {
width: 100%;
height: 16px;
z-index: 2;
position: absolute;
padding: 16px 0 18px;
text-align: center;
color: #fff;
background-color: transparent;
font-size: 120%;
font-family: helvetica, arial, sans-serif;
border-bottom: 1px solid #FB632D;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$('#notice').slideDown(250);
setTimeout(function() {
$('#notice').slideUp(250);
}, 4000);
});
</script>
</head>
<body>
<div id="notice" style="display:none">
<div id="notice_message">
Hello there
</div>
<div id="notice_background">
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment