jquery实现一个爱心打字表白效果代码

代码语言:html

所属分类:表白

代码描述:jquery实现一个爱心打字表白效果代码

代码标签: 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