刘一辰的软件工程随笔
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>FLASH动画效果演示</title>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style.css" media="screen" type="text/css" />
</head>
<body>
<div id="window" style="display:none;">
<div class="page page-front">
<div class="page-content">
<div class="input-row">
<label class="label fadeIn">用户名</label>
<input id="username" type="text" data-fyll="pineapple" class="input fadeIn delay1"/>
</div>
<div class="input-row">
<label class="label fadeIn delay2">密码</label>
<input id="password" type="password" data-fyll="hackmeplease" class="input fadeIn delay3"/>
</div>
<div class="input-row perspective">
<button id="submit" class="button load-btn fadeIn delay4">
<span class="default"><i class="ion-arrow-right-b"></i>登录</span>
<div class="load-state">
<div class="ball"></div>
<div class="ball"></div>
<div class="ball"></div>
</div>
</button>
</div>
</div>
</div>
<div class="page page-back">
<div class="page-content">
<img src="avatar.jpg" class="avatar"/>
<p class="welcome">欢迎回来！</p>
<div class="perspective">
<button class="button inline trigger-anim-replay"><i class="ion-refresh"></i>重播</button>
</div>
</div>
</div>
</div>
<div class="browser-warning hidden">问题或怪异的动画？让它玩一次，然后按重播。</div>
<script type="text/javascript" src='js/jquery.js'></script>
<script type="text/javascript" src='js/fyll.js'></script>
<script type="text/javascript" src="js/index.js"></script>
<div style="text-align:center;">
</div>
<style>
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
</style>
<div class="copyrights" id="links20210126">
Collect from <a href="http://www.cssmoban.com/" title="网站模板">模板之家</a>
<a href="http://cooco.net.cn/" title="组卷网">组卷网</a>
</div>
</body>
</html>
浙公网安备 33010602011771号