jquery实现一个爱心打字表白效果代码
代码语言:html
所属分类:表白
代码描述:jquery实现一个爱心打字表白效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style type="text/css"> @font-face { font-family: digit; src: url('digital-7_mono.ttf') format("truetype"); } body{margin:0;padding:0;background:#ffe;font-size:12px;overflow:auto} #mainDiv{width:100%;height:100%} #loveHeart{float:left;width:670px;height:625px} #garden{width:100%;height:100%} #elapseClock{text-align:right;font-size:18px;margin-top:10px;margin-bottom:10px} #words{font-family:"sans-serif";width:500px;font-size:24px;color:#666} #messages{display:none} #elapseClock .digit{font-family:"digit";font-size:36px} #loveu{padding:5px;font-size:22px;margin-top:80px;margin-right:120px;text-align:right;display:none} #loveu .signature{margin-top:10px;font-size:20px;font-style:italic} #clickSound{display:none} #code{float:left;width:440px;height:400px;color:#333;font-family:"Consolas","Monaco","Bitstream Vera Sans Mono","Courier New","sans-serif";font-size:12px} #code .string{color:#2a36ff} #code .keyword{color:#7f0055;font-weight:bold} #code .placeholder{margin-left:15px}#code .space{margin-left:7px} #code .comments{color:#3f7f5f} #copyright{margin-top:10px;text-align:center;width:100%;color:#666} #errorMsg{width:100%;text-align:center;font-size:24px;position:absolute;top:100px;left:0} #copyright a{color:#666} </style> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery-3.2.1.min.js"></script> <script type="text/javascript"> function Vector(x, y) { this.x = x; this.y = y; }; Vector.prototype = { rotate: function (theta) { var x = this.x; var y = this.y; this.x = Math.cos(theta) * x - Math.sin(theta) * y; this.y = Math.sin(theta) * x + Math.cos(theta) * y; return this; }, mult: function (f) { this.x *= f; this.y *= f; return this; }, clone: function () { return new Vector(this.x, this.y); }, length: function () { return Math.sqrt(this.x * this.x + this.y * this.y); }, subtract: function (v) { this.x -= v.x; this.y -= v.y; return this; }, set: function (x, y) { this.x = x; this.y = y; return this; } }; function Petal(stretchA, stretchB, startAngle, angle, growFactor, bloom) { this.stretchA = stretchA; this.stretchB = stretchB; this.startAngle = startAngle; this.angle = angle; this.bloom = bloom; this.growFactor = growFactor; this.r = 1; .........完整代码请登录后点击上方下载按钮下载查看
网友评论0