DayDayUp:2018年06月07日高考必胜:程序猿的方式祝福莘莘学子高考必胜!-阿里云开发者社区

开发者社区> 一个处女座的程序猿> 正文

DayDayUp:2018年06月07日高考必胜:程序猿的方式祝福莘莘学子高考必胜!

简介: DayDayUp:2018年06月07日高考必胜:程序猿的方式祝福莘莘学子高考必胜!
+关注继续查看

实现结果

image.png


实现代码

<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

 <title>莘莘学子,2018高考加油!就是干!</title>

 <meta name="author" content="Mike">

 

 <link rel="stylesheet" href="./jscss/style.css" type="text/css" media="all">

 <!--导库-->

 <script type="text/javascript" src="./jscss/jquery.js"></script>

 <!-- 图片幻灯片效果-->

 <script type="text/javascript" src="./jscss/roundabout.js"></script>

 <script type="text/javascript" src="./jscss/roundabout_shapes.js"></script>

 <script type="text/javascript" src="./jscss/gallery_init.js"></script>

 <!-- 下雪-->

 <script type="text/javascript" src="./jscss/snowstorm.js"></script>

 <!-- 打字机效果-->  

 <script type="text/javascript" src="./jscss/text.js"></script>

 <!-- 画爱心-->

 <script type="text/javascript" src="./jscss/ga.js" async=""></script>

 <script type="text/javascript" src="./jscss/heart.js"></script>

 <!-- 移动div-->

 <script type="text/javascript" src="./jscss/move.js"></script>

 <!-- 显示时间 -->

 <script type="text/javascript" src="./jscss/time.js"></script>

 <!-- 设置文字跟随鼠标 -->

 <script type="text/javascript" src="./jscss/makesnake.js"></script></head><body>

 <!-- Try your best! -->

 <span id="span0" class="spanstyle">T</span><span id="span1" class="spanstyle">h</span>

 <span id="span2" class="spanstyle">a</span><span id="span3" class="spanstyle">n</span>

 <span id="span4" class="spanstyle">k</span><span id="span5" class="spanstyle">s</span><span id="span6" class="spanstyle">

  </span><span id="span7" class="spanstyle">f</span><span id="span8" class="spanstyle">o</span><span id="span9" class="spanstyle">r</span>

  <span id="span10" class="spanstyle"> </span><span id="span11" class="spanstyle">w</span>

  <span id="span12" class="spanstyle">a</span><span id="span13" class="spanstyle">t</span><span id="span14" class="spanstyle">c</span><span id="span15" class="spanstyle">h</span>

  <span id="span16" class="spanstyle">i</span><span id="span17" class="spanstyle">n</span><span id="span18" class="spanstyle">g</span><span id="span19" class="spanstyle">!</span>



 <script type="text/javascript">

  setTimeout(makesnake, 42000);

 </script>

 <!--#Header-->

 <div id="header" style="opacity:0.85">

  <div id="title">

   莘莘学子,2018高考加油!就是干!

  </div>

 </div>

 <!-- #myContent -->

 <div id="myContent">

   <span id="blink" style="display: none;">_</span></div>

 <div id="contentToWrite" style="display:none">

  充满鲜花的世界到底在哪里,         <br>

      如果它真的存在,那么我一定会去    <br>

   我想在那里最高的山峰矗立  <br>

      不在乎它是不是悬崖峭壁<br>

   用力活着用力爱哪怕肝脑涂地<br>

   不求任何人满意,只要对得起自己<br>

   关于理想,我从来没选择放弃<br>

   即使在灰头土脸的日子里,也许我没有天分,但我有梦的天真<br>

   我将会去证明用我的一生,也许我手比脚笨,但我愿不停探寻<br>

   付出所有的青春不留遗憾 <br>

   向前跑,迎着冷眼和嘲笑,生命的广阔,不历经磨难怎能感到<br>

   命运它无法让我们跪地求饶,就算鲜血洒满了怀抱<br>

   继续跑,带着赤子的骄傲,生命的闪耀,不坚持到底怎能看到<br>

   与其苟延残喘不如纵情燃烧吧!<br>

   <br>

   -----------------------JUST DO IT, COME ON!<br>

 </div>

 <script type="text/javascript">

  writeContent(true);

 </script>

 

 <!-- #container -->

 <div id="container">

  <ul id="myRoundabout" class="roundabout-holder" style="padding: 0px; position: relative; z-index: 100;">

    <li class="roundabout-moveable-item roundabout-in-focus" current-scale="1.0000" style="position: absolute; left: 122px; top: 87px; width: 350px; height: 222px; opacity: 1; z-index: 400; font-size: 16px;"><img src="./jscss/1.jpg" alt=""></li>

  <li class="roundabout-moveable-item" current-scale="0.7927" style="position: absolute; left: -0.4px; top: 110px; width: 277.445px; height: 175.9794px; opacity: 1; z-index: 296; font-size: 12.68px;"><img src="./jscss/2.jpg" alt=""></li>

  <li class="roundabout-moveable-item" current-scale="0.4573" style="position: absolute; left: 473.8px; top: 147.2px; width: 160.055px; height: 101.5206px; opacity: 1; z-index: 129; font-size: 7.32px;"><img src="./jscss/3.jpg" alt=""></li>

  <li class="roundabout-moveable-item" current-scale="0.4573" style="position: absolute; left: -39.8px; top: 147.2px; width: 160.055px; height: 101.5206px; opacity: 1; z-index: 129; font-size: 7.32px;"><img src="./jscss/4.jpg" alt=""></li>

  <li class="roundabout-moveable-item" current-scale="0.7927" style="position: absolute; left: 317px; top: 110px; width: 277.445px; height: 175.9794px; opacity: 1; z-index: 296; font-size: 12.68px;"><img src="./jscss/5.jpg" alt=""></li>

   </ul>

 </div>

 <script type="text/javascript">

  setTimeout(move, 15000);

 </script>

   

   <!-- #bg -->

 <div id="bg">

  <canvas id="garden" width="1583" height="709"><c style="color: #FFF; text-shadow:2px 3px 3px #222; font-family:Microsoft YaHei; font-size:50px">你的浏览器过时了,试试火狐吧!</c></canvas>

 </div>

 <!-- #time -->

 <div id="time">

  <span id="show"></span>

  <script type="text/javascript">

   setTimeout("showTime()", 40000);

  </script>

 </div>

</body>


版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
一个用JavaScript生成思维导图(mindmap)的github repo
一个用JavaScript生成思维导图(mindmap)的github repo
5 0
SAP成都研究院李三郎:SCP Application Router简介
SAP成都研究院李三郎:SCP Application Router简介
5 0
网易有道词典一个小更新,消除了你和全球一半人类的沟通障碍
完全不懂外语的你也可以拿起手机,和老外直接对话了:甚至不需要选择彼此说着的是什么语言。
5 0
【Go语言实战】(2) Gin+Vue 电子商城
目录 🎈1. 需求分析 1.1 数据获取 1.2 ⽤户操作 1.3 其他功能 1.4 拓展功能 1.5 开发环境 🎉2. 后端逻辑代码 2.1 Python - 爬虫 2.2 Golang - Gin 2.2.1 数据库部分 2.2.1 服务部分 ✨3. 前端核心代码 3.1 AXIOS前后端交互 🎊4. 部分页面展示 4.1 前台页面 4.2 后台管理 🎆5. 结语 🎇最后
4 0
高校学生在家实践ECS弹性云服务器
简单谈谈我这几周使用ECS弹性云服务器的体验感
4 0
使用HANA Web-based Development Workbench创建最简单的Server Side JavaScript
使用HANA Web-based Development Workbench创建最简单的Server Side JavaScript
4 0
2020学术会议回顾:从这些最佳论文中一窥研究趋势
2020 年,是充满变化的一年。人工智能学术会议也不例外,线上举办、改革评审制度、增加可复现性要求、伦理要求等,这些是「变」。而不变的是大家对学术会议的热情,以及我们总能透过这些会议探究学术前沿发展趋势。
3 0
使用Java程序消费SAP Leonardo的机器学习API
使用Java程序消费SAP Leonardo的机器学习API
4 0
高校学生在家实践ECS弹性云服务器
简单谈谈我这几周使用ECS弹性云服务器的体验感
4 0
+关注
一个处女座的程序猿
国内互联网圈知名博主、人工智能领域优秀创作者,全球最大中文IT社区博客专家、CSDN开发者联盟生态成员、中国开源社区专家、华为云社区专家、51CTO社区专家、Python社区专家等,曾受邀采访和评审十多次。仅在国内的CSDN平台,博客文章浏览量超过2500万,拥有超过57万的粉丝。
1701
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
文娱运维技术
立即下载
《SaaS模式云原生数据仓库应用场景实践》
立即下载
《看见新力量:二》电子书
立即下载