<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>NotificationCenter</title>
<link href="base.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div class="notification">
<div id="time"></div>
<div class="content">
<div class="module weather">
<span class="city"><p class="local">Local Weather</p> <p>New York</p></span>
<img src="images/cloudy_0.png" alt="cloudy" title="cloudy" />
<div class="maxmin">
<span class="high">H:73°</span>
<span class="low">L:54°</span>
</div>
<span class="current">64°</span>
</div>
<div class="info">
<div class="module bar">
<img src="images/messages.png" title="messages"/><span>Messages</span><div class="close"></div>
</div>
<ul>
<li>Tom<span class="time">9:35 AM</span>
<div class="message">Are your free tomorrow?</div>
</li>
</ul>
</div>
<div class="info">
<div class="module bar">
<img src="images/mail.png" title="mail" /><span>Mails</span><div class="close"></div>
</div>
<ul>
<li>Steve<span class="time">6:35 PM</span>
<div class="message">That's a good idea!</div>
</li>
</ul>
</div>
<div class="info">
<div class="module bar">
<img src="images/reminders.png" title="reminders" /><span>Reminders</span><div class="close"></div>
</div>
<ul>
<li>Lily<span class="time">10:35 PM</span>
<div class="message">Birthday Party</div>
</li>
</ul>
</div>
<span class="center">No new notification</span>
<div class="clear"></div>
</div>
<div class="handle">
<img src="images/handle.jpg" />
</div>
</div>
<div class="container"></div>
</body>
</html>
<script src="js/jquery-1.7.min.js" type="text/javascript" ></script>
<script src="js/common.js" type="text/javascript"></script>
jQuery+CSS3仿IOS5通知中心.zip （15个子文件） 
jQuery+CSS3仿IOS5通知中心 jQueryCSS3Notification images 
handle.jpg 14KB
reminders.png 4KB bg-texture.jpg 125KB bg_tile.jpg 11KB bg.png 3KB cloudy_0.png 22KB close.png 4KB messages.png 5KB features_notification_overview.png 466KB point.png 3KB mail.png 4KB
index.html 3KB js 
jquery-1.7.min.js 92KB common.js 1KB base.css 3KB资源评论
