情人节礼物-程序员专属_程序员专属情人节表白网站资源-CSDN文库

共10个文件

js：7个

css：1个

htm：1个

程序员专属

情人节礼物

浪漫爱心表白

HTML

4星 · 超过85%的资源需积分: 44 122 浏览量 2018-11-19 11:28:29 上传评论 3 收藏 42KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

HTML5浪漫爱心表白动画.zip （10个子文件）

HTML5浪漫爱心表白动画

情人节礼物_可修改

resource

jquery.js 70KB

4473358.js 2KB

follow.js 440B

default.css 1KB

gg_bd_ad_720x90.js 4KB

show_ads.js 21KB

icon_0.gif 846B

functions.js 4KB

garden.js 7KB

HTML5浪漫爱心表白动画在线演示.htm 3KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>HTML5浪漫爱心表白动画在线演示</title> <style type="text/css"> @font-face { font-family: digit; src: url('digital-7_mono.ttf') format("truetype"); } </style> <link href="./resource/default.css" type="text/css" rel="stylesheet"> <script type="text/javascript" src="./resource/jquery.js"></script> <script type="text/javascript" src="./resource/garden.js"></script> <script type="text/javascript" src="./resource/functions.js"></script> </head> <body> <div style="text-align:center;clear:both;"> <script type="text/javascript"> </script> </script> <div style="display:none"><script language="javascript" type="text/javascript" src="./resource/4473358.js"></script><a href="" target="_blank"><img alt="" src="./resource/icon_0.gif" style="border:none"></a> </div><style type="text/css">.source-url{font-size:15px;text-align:center}</style> <script src="./resource/follow.js" type="text/javascript"></script> </div> <div id="mainDiv"> <div id="content" style="width: 1110px; height: 625px; margin-top: 10px; margin-left: 119.5px;"> <div id="code" style="margin-top: 112.5px;"> </div> <div id="loveHeart"> <canvas id="garden" width="670" height="625"></canvas> <div id="words"> <div id="messages"> 亲爱的，这是我们相爱在一起的时光。 <div id="elapseClock"><span class="digit">306</span> days <span class="digit">02</span> hours <span class="digit">31</span> minutes <span class="digit">56</span> seconds</div> </div> <div id="loveu"> 爱你直到永永远远。<br> <div class="signature">- 计先生</div> </div> </div> </div> </div> </div> <script type="text/javascript"> var offsetX = $("#loveHeart").width() / 2; var offsetY = $("#loveHeart").height() / 2 - 55; var together = new Date(); together.setFullYear(2018, 6, 6); together.setHours(20); together.setMinutes(0); together.setSeconds(0); together.setMilliseconds(0); if (!document.createElement('canvas').getContext) { var msg = document.createElement("div"); msg.id = "errorMsg"; msg.innerHTML = "Your browser doesn't support HTML5!<br/>Recommend use Chrome 14+/IE 9+/Firefox 7+/Safari 4+"; document.body.appendChild(msg); $("#code").css("display", "none") $("#copyright").css("position", "absolute"); $("#copyright").css("bottom", "10px"); document.execCommand("stop"); } else { setTimeout(function () { startHeartAnimation(); }, 500); timeElapse(together); setInterval(function () { timeElapse(together); }, 500); adjustCodePosition(); $("#code").typewriter(); } </script> </body></html>

评论收藏

内容反馈