<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>jQuery+CSS3万圣节南瓜加载和礼物盒动画特效</title>
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Acme'>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="top">
<div class="ribbonTop"></div>
<div class="ghost">
<div class="eye left">
<div class="eyeball"></div>
</div>
<div class="eye right">
<div class="eyeball"></div>
</div>
</div>
<div class="hand right"></div>
</div>
<div class="bottom">
<div class="hand left"></div>
<div class="ribbonBottom"></div>
<div class="ribbonBottom h"></div>
</div>
<div>
<h3 class="ghostText">Hummm?</h3>
</div>
<div class="pageLoading">
<div class="pumpkin">
<div class="pumpkinHead"></div>
<div class="eye left"></div>
<div class="eye right"></div>
<div class="mouth"></div>
</div>
<div class="loading">
<div class="bar"></div>
</div>
</div>
<script src='js/jquery.min.js'></script>
<script src="js/index.js"></script>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器:360、FireFox、Chrome、Opera、傲游、搜狗、世界之窗. 不支持Safari、IE8及以下浏览器。</p>
<p>来源:<a href="http://www.lanrenzhijia.com/" target="_blank">懒人</a></p>
</div>
</body>
</html>