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

举报
一个处女座的程序猿 发表于 2021/04/01 03:06:31 2021/04/01
【摘要】 DayDayUp:2018年06月07日高考必胜:程序猿的方式祝福莘莘学子高考必胜! 导读         程序猿的方式祝福莘莘学子高考必胜!祝愿2018高考学子:理想,信仰,使命,2018高考,你终会成功! 原文来自GitHub,尊重原创,感谢原创无私分享。本人进一步修改!     目录 实现结果 实现代码       实现结果 视频链接:...

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

导读
        程序猿的方式祝福莘莘学子高考必胜!祝愿2018高考学子:理想,信仰,使命,2018高考,你终会成功!
原文来自GitHub,尊重原创,感谢原创无私分享。本人进一步修改!

 

 

目录

实现结果

实现代码


 

 

 

实现结果

视频链接:程序猿的方式祝福2018莘莘学子高考加油!

 

实现代码


  
  1. <html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  2. <title>莘莘学子,2018高考加油!就是干!</title>
  3. <meta name="author" content="Mike">
  4. <link rel="stylesheet" href="./jscss/style.css" type="text/css" media="all">
  5. <!--导库-->
  6. <script type="text/javascript" src="./jscss/jquery.js"></script>
  7. <!-- 图片幻灯片效果-->
  8. <script type="text/javascript" src="./jscss/roundabout.js"></script>
  9. <script type="text/javascript" src="./jscss/roundabout_shapes.js"></script>
  10. <script type="text/javascript" src="./jscss/gallery_init.js"></script>
  11. <!-- 下雪-->
  12. <script type="text/javascript" src="./jscss/snowstorm.js"></script>
  13. <!-- 打字机效果-->
  14. <script type="text/javascript" src="./jscss/text.js"></script>
  15. <!-- 画爱心-->
  16. <script type="text/javascript" src="./jscss/ga.js" async=""></script>
  17. <script type="text/javascript" src="./jscss/heart.js"></script>
  18. <!-- 移动div-->
  19. <script type="text/javascript" src="./jscss/move.js"></script>
  20. <!-- 显示时间 -->
  21. <script type="text/javascript" src="./jscss/time.js"></script>
  22. <!-- 设置文字跟随鼠标 -->
  23. <script type="text/javascript" src="./jscss/makesnake.js"></script></head><body>
  24. <!-- Try your best! -->
  25. <span id="span0" class="spanstyle">T</span><span id="span1" class="spanstyle">h</span>
  26. <span id="span2" class="spanstyle">a</span><span id="span3" class="spanstyle">n</span>
  27. <span id="span4" class="spanstyle">k</span><span id="span5" class="spanstyle">s</span><span id="span6" class="spanstyle">
  28. </span><span id="span7" class="spanstyle">f</span><span id="span8" class="spanstyle">o</span><span id="span9" class="spanstyle">r</span>
  29. <span id="span10" class="spanstyle"> </span><span id="span11" class="spanstyle">w</span>
  30. <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>
  31. <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>
  32. <script type="text/javascript">
  33. setTimeout(makesnake, 42000);
  34. </script>
  35. <!--#Header-->
  36. <div id="header" style="opacity:0.85">
  37. <div id="title">
  38. 莘莘学子,2018高考加油!就是干!
  39. </div>
  40. </div>
  41. <!-- #myContent -->
  42. <div id="myContent">
  43. <span id="blink" style="display: none;">_</span></div>
  44. <div id="contentToWrite" style="display:none">
  45. 充满鲜花的世界到底在哪里, <br>
  46. 如果它真的存在,那么我一定会去 <br>
  47. 我想在那里最高的山峰矗立 <br>
  48. 不在乎它是不是悬崖峭壁<br>
  49. 用力活着用力爱哪怕肝脑涂地<br>
  50. 不求任何人满意,只要对得起自己<br>
  51. 关于理想,我从来没选择放弃<br>
  52. 即使在灰头土脸的日子里,也许我没有天分,但我有梦的天真<br>
  53. 我将会去证明用我的一生,也许我手比脚笨,但我愿不停探寻<br>
  54. 付出所有的青春不留遗憾 <br>
  55. 向前跑,迎着冷眼和嘲笑,生命的广阔,不历经磨难怎能感到<br>
  56. 命运它无法让我们跪地求饶,就算鲜血洒满了怀抱<br>
  57. 继续跑,带着赤子的骄傲,生命的闪耀,不坚持到底怎能看到<br>
  58. 与其苟延残喘不如纵情燃烧吧!<br>
  59. <br>
  60. -----------------------JUST DO IT, COME ON!<br>
  61. </div>
  62. <script type="text/javascript">
  63. writeContent(true);
  64. </script>
  65. <!-- #container -->
  66. <div id="container">
  67. <ul id="myRoundabout" class="roundabout-holder" style="padding: 0px; position: relative; z-index: 100;">
  68. <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>
  69. <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>
  70. <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>
  71. <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>
  72. <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>
  73. </ul>
  74. </div>
  75. <script type="text/javascript">
  76. setTimeout(move, 15000);
  77. </script>
  78. <!-- #bg -->
  79. <div id="bg">
  80. <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>
  81. </div>
  82. <!-- #time -->
  83. <div id="time">
  84. <span id="show"></span>
  85. <script type="text/javascript">
  86. setTimeout("showTime()", 40000);
  87. </script>
  88. </div>
  89. </body>

 

 

文章来源: yunyaniu.blog.csdn.net,作者:一个处女座的程序猿,版权归原作者所有,如需转载,请联系作者。

原文链接:yunyaniu.blog.csdn.net/article/details/80602790

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。