如果汉语背后没有文化,文化背后没有思想,思想背后没有精神,光TMD编造老娘和乔布斯没有说过的话,那中国永远不会是一个伟大的国家。——撒切尔夫人

刘一辰的软件工程随笔

<!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>

 

posted @   崤函隳  阅读(27)  评论(0编辑  收藏  举报
编辑推荐:
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!
历史上的今天:
2020-10-20 2020/10/20 刘一辰的JAVA随笔
点击右上角即可分享
微信分享提示