=30){clearInterval(a);showMessages()}else{d+=0.2}},c)}(function(a){a.fn.typewriter=function(){this.each(function(){var d=a(this),c=d.html(),b=0;d.html("");var e=setInterval(function(){var f=c.substr(b,1);if(f=="<"){b=c.indexOf(">",b)+1}else{b++}d.html(c.substring(0,b)+(b&1?"_":""));if(b>=c.length){clearInterval(e)}},75)});return this}})(jQuery);function timeElapse(c){var e=Date();var f=(Date.parse(e)-Date.parse(c))/1000;var g=Math.floor(f/(3600*24));f=f%(3600*24);var b=Math.floor(f/3600);if(b<10){b="0"+b}f=f%3600;var d=Math.floor(f/60);if(d<10){d="0"+d}f=f%60;if(f<10){f="0"+f}var a=''+g+' days '+b+' hours '+d+' minutes '+f+" seconds";$("#elapseClock").html(a)}function showMessages(){adjustWordsPosition();$("#messages").fadeIn(5000,function(){showLoveU()})}function adjustWordsPosition(){$("#words").css("position","absolute");$("#words").css("top",$("#garden").position().top+195);$("#words").css("left",$("#garden").position().left+70)}function adjustCodePosition(){$("#code").css("margin-top",($("#garden").height()-$("#code").height())/2)}function showLoveU(){$("#loveu").fadeIn(3000)};
--------------------------------------------------------------------------------
/love9/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | 一时间不知道从哪说起,
真爱来了，我们要好好把握。不管面临多大的压力，
不管前面的路如何崎岖.
不管经历过什么,我仍坚信最浪漫的事就是和
你一起慢慢变老.
还记得否,曾经的点点滴滴，从相识到现在，
从冷漠到关心,从谢绝到依赖，从生疏到相爱,
一切似乎都是那么遥远,又似乎那么触手可及.
正如某人说的那样,但求岁月静好,现世安稳.
一生守候不是一句简单而苍白的山盟海誓，
而是无数个平淡的日子同舟共济，相濡以沫.
相信右下角的计时器,将永远继续下去,直至数据溢出.
6 | -----------------------Just for You, Nicole
--------------------------------------------------------------------------------
/love10/style/functions.js:
--------------------------------------------------------------------------------
1 | /*Download by http://t.cn/8FAmXqm */
2 |
3 | var $window=$(window),gardenCtx,gardenCanvas,$garden,garden;var clientWidth=$(window).width();var clientHeight=$(window).height();$(function(){$loveHeart=$("#loveHeart");var a=$loveHeart.width()/2;var b=$loveHeart.height()/2-55;$garden=$("#garden");gardenCanvas=$garden[0];gardenCanvas.width=$("#loveHeart").width();gardenCanvas.height=$("#loveHeart").height();gardenCtx=gardenCanvas.getContext("2d");gardenCtx.globalCompositeOperation="lighter";garden=new Garden(gardenCtx,gardenCanvas);$("#content").css("width",$loveHeart.width()+$("#code").width());$("#content").css("height",Math.max($loveHeart.height(),$("#code").height()));$("#content").css("margin-top",Math.max(($window.height()-$("#content").height())/2,10));$("#content").css("margin-left",Math.max(($window.width()-$("#content").width())/2,10));setInterval(function(){garden.render()},Garden.options.growSpeed)});$(window).resize(function(){var b=$(window).width();var a=$(window).height();if(b!=clientWidth&&a!=clientHeight){location.replace(location)}});function getHeartPoint(c){var b=c/Math.PI;var a=19.5*(16*Math.pow(Math.sin(b),3));var d=-20*(13*Math.cos(b)-5*Math.cos(2*b)-2*Math.cos(3*b)-Math.cos(4*b));return new Array(offsetX+a,offsetY+d)}function startHeartAnimation(){var c=50;var d=10;var b=new Array();var a=setInterval(function(){var h=getHeartPoint(d);var e=true;for(var f=0;f=30){clearInterval(a);showMessages()}else{d+=0.2}},c)}(function(a){a.fn.typewriter=function(){this.each(function(){var d=a(this),c=d.html(),b=0;d.html("");var e=setInterval(function(){var f=c.substr(b,1);if(f=="<"){b=c.indexOf(">",b)+1}else{b++}d.html(c.substring(0,b)+(b&1?"_":""));if(b>=c.length){clearInterval(e)}},75)});return this}})(jQuery);function timeElapse(c){var e=Date();var f=(Date.parse(e)-Date.parse(c))/1000;var g=Math.floor(f/(3600*24));f=f%(3600*24);var b=Math.floor(f/3600);if(b<10){b="0"+b}f=f%3600;var d=Math.floor(f/60);if(d<10){d="0"+d}f=f%60;if(f<10){f="0"+f}var a=''+g+' days '+b+' hours '+d+' minutes '+f+" seconds";$("#elapseClock").html(a)}function showMessages(){$("#messages").fadeIn(5000,function(){showLoveU()})}function adjustWordsPosition(){$("#words").css("position","absolute");$("#words").css("top",$("#garden").position().top+195);$("#words").css("left",$("#garden").position().left+70)}function adjustCodePosition(){$("#code").css("margin-top",($("#garden").height()-$("#code").height())/2)}function showLoveU(){$("#loveu").fadeIn(3000)};
--------------------------------------------------------------------------------
/love9/css/style.css:
--------------------------------------------------------------------------------
1 |
2 | /* Global properties ======================================================== */
3 | body {
4 | background:#6f599c;
5 | background-image:url(../images/bg.jpg) ;
6 | text-align:left;
7 | }
8 |
9 | /* Global Structure ============================================================= */
10 | /* Header */
11 | #header{
12 | position:absolute;
13 | left:0px;
14 | top:5px;
15 | overflow:hidden;
16 | height:70px;
17 | font-family:Microsoft YaHei;
18 | font-weight: 900;
19 | font-size:40px;
20 | padding-bottom:5px;
21 | width: 100%;
22 | filter:alpha(opacity=70);
23 | -moz-opacity:0.7;
24 | opacity:0.7;
25 | }
26 |
27 | #myContent{
28 | position:absolute;
29 | left:80px;
30 | top:130px;
31 | overflow:hidden;
32 | text-shadow: 2px 3px 3px #000;
33 | font-family:Microsoft YaHei;
34 | font-style:italic;
35 | font-weight:500;
36 | font-size:20px;
37 | color:#CCCCCC;
38 | }
39 |
40 | #container{
41 | overflow:hidden;
42 | position:absolute;
43 | left:630px;
44 | top:220px;
45 | width:650px;
46 | opacity:0;
47 | filter:alpha(opacity=0.7)
48 | }
49 |
50 | #title{
51 | position:absolute;
52 | left:28%;
53 | top:0px;
54 | padding:10px;
55 | overflow:hidden;
56 | text-shadow: 2px 3px 3px #222;
57 | color:#CCCCCC;
58 | }
59 |
60 | #footer {
61 | position:absolute;
62 | left:32%;
63 | top:91%;
64 | overflow:hidden;
65 | text-shadow: 2px 3px 3px #222;
66 | font-family:Microsoft YaHei;
67 | font-style:italic;
68 | font-size:20px;
69 | color:#CCCCCC;
70 | }
71 |
72 |
73 |
74 | #time{
75 | position:absolute;
76 | left:750px;
77 | top:400px;
78 | overflow:hidden;
79 | }
80 |
81 | #show{
82 | color:#CCCCCC;
83 | text-shadow: 2px 3px 3px #222;
84 | font-family:Microsoft YaHei;
85 | font-style:italic;
86 | font-size:20px;
87 | }
88 |
89 |
90 | #bg{
91 | overflow:hidden;
92 | }
93 |
94 | .roundabout-holder {
95 | width:600px;
96 | height:400px;
97 | margin:0 auto;
98 | }
99 | .roundabout-moveable-item {
100 | width: 350px;
101 | height: 222px;
102 | cursor: pointer;
103 | border:3px solid #ccc;
104 | border:3px solid rgba(0, 0, 0, 0.08);
105 | border-radius:4px;
106 | -moz-border-radius:4px;
107 | -webkit-border-radius:4px;
108 | }
109 | .roundabout-moveable-item img{
110 | width:100%;
111 | }
112 | .roundabout-in-focus {
113 | border:3px solid rgba(0, 0, 0, 0.2);
114 | }
115 |
116 | ol, ul {
117 | list-style: none;
118 | }
119 |
120 | img {
121 | vertical-align:top;
122 | }
123 |
124 | .spanstyle{
125 | color:#CCFF99;
126 | font-family:courier;
127 | text-shadow: 2px 2px 1px #222;
128 | font-style:italic;
129 | font-weight:600;
130 | font-size:20px;
131 | position:absolute; /* 绝对定位 */
132 | top:-50px;
133 | overflow:hidden;
134 | }
135 |
136 |
137 |
--------------------------------------------------------------------------------
/love7/css/main.css:
--------------------------------------------------------------------------------
1 | body, h2, p {
2 | margin: 0;
3 | padding: 0;
4 | }
5 |
6 | body {
7 | background: url("../images/fm.jpg") no-repeat;
8 | -webkit-background-size: cover;
9 | -moz-background-size: cover;
10 | -o-background-size: cover;
11 | background-size: cover;
12 | color: deeppink;
13 | font-family: Helvetica, sans-serif;
14 | text-align:center;
15 | }
16 | a{color:yellow;}
17 | #shineflip {
18 | /*background: url("../images/cover.jpg") no-repeat;*/
19 | -o-background-size: 100% 100%;
20 | -webkit-background-size: 100% 100%;
21 | -moz-background-size: 100% 100%;
22 | background-size: 100% 100%;
23 | position: absolute;
24 | margin:50px auto;
25 | }
26 |
27 | #shineflip-pages
28 | {
29 | /*background-color:#fafafa;*/
30 | background-repeat: repeat;
31 | position: absolute;
32 | z-index: 2;
33 | }
34 |
35 | #shineflip-pages section.cover_front, #shineflip-pages section.cover_background{
36 | position: absolute;
37 | overflow: hidden;
38 | color: #ffffff;
39 | }
40 |
41 | #shineflip-pages .cover_front_content
42 | {
43 | position: absolute;
44 | z-index: 1;
45 | overflow:hidden;
46 | white-space:nowrap;
47 | -ms-user-select:none;
48 | -webkit-user-select:none;
49 | -moz-user-select:none;
50 | }
51 |
52 | #shineflip-pages .cover_front_back
53 | {
54 | position: absolute;
55 | z-index: 0;
56 | }
57 |
58 | #shineflip-pages .cover_background_content
59 | {
60 | position: absolute;
61 | z-index: 1;
62 | overflow:hidden;
63 | white-space:nowrap;
64 | -ms-user-select:none;
65 | -webkit-user-select:none;
66 | -moz-user-select:none;
67 | }
68 |
69 | #shineflip-pages .cover_background_back
70 | {
71 | position: absolute;
72 | z-index: 0;
73 | }
74 |
75 | #shineflip-pages section.pageflip
76 | {
77 | display: block;
78 | position: absolute;
79 | overflow: hidden;
80 | }
81 |
82 | #shineflip-pages section.page {
83 | //background-color: #fafafa;
84 | display: block;
85 | position: absolute;
86 | overflow: hidden;
87 | }
88 | #shineflip-pages-flipcontent,#shineflip-pages section>div {
89 | display: block;
90 | font-size: 12px;
91 | position: absolute;
92 | overflow: hidden;
93 | width:100%;
94 | height:100%;
95 | }
96 | #shineflip-pages-flipcontent,#shineflip-pages section>span {
97 | display: block;
98 | font-size: 12px;
99 | position: absolute;
100 | overflow: hidden;
101 | }
102 | #shineflip-pages-flipcontent p,
103 | #shineflip-pages-flipcontent h2,
104 | #shineflip-pages section p,
105 | #shineflip-pages section h2 {
106 | line-height: 1.4em;
107 | text-align: justify;
108 | }
109 |
110 | #shineflip-canvas {
111 | position: absolute;
112 | z-index: 0;
113 | }
114 |
115 | #shineflip-page-mid-canvas {
116 | position: absolute;
117 | pointer-events: none;
118 | z-index: 0;
119 | }
120 |
--------------------------------------------------------------------------------
/love/js/garden.js:
--------------------------------------------------------------------------------
1 | function Vector(a,b){this.x=a;this.y=b}Vector.prototype={rotate:function(b){var a=this.x;var c=this.y;this.x=Math.cos(b)*a-Math.sin(b)*c;this.y=Math.sin(b)*a+Math.cos(b)*c;return this},mult:function(a){this.x*=a;this.y*=a;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(a){this.x-=a.x;this.y-=a.y;return this},set:function(a,b){this.x=a;this.y=b;return this}};function Petal(a,f,b,e,c,d){this.stretchA=a;this.stretchB=f;this.startAngle=b;this.angle=e;this.bloom=d;this.growFactor=c;this.r=1;this.isfinished=false}Petal.prototype={draw:function(){var a=this.bloom.garden.ctx;var e,d,c,b;e=new Vector(0,this.r).rotate(Garden.degrad(this.startAngle));d=e.clone().rotate(Garden.degrad(this.angle));c=e.clone().mult(this.stretchA);b=d.clone().mult(this.stretchB);a.strokeStyle=this.bloom.c;a.beginPath();a.moveTo(e.x,e.y);a.bezierCurveTo(c.x,c.y,b.x,b.y,d.x,d.y);a.stroke()},render:function(){if(this.r<=this.bloom.r){this.r+=this.growFactor;this.draw()}else{this.isfinished=true}}};function Bloom(e,d,f,a,b){this.p=e;this.r=d;this.c=f;this.pc=a;this.petals=[];this.garden=b;this.init();this.garden.addBloom(this)}Bloom.prototype={draw:function(){var c,b=true;this.garden.ctx.save();this.garden.ctx.translate(this.p.x,this.p.y);for(var a=0;a
2 |
3 |
4 | 亲爱的我爱你
5 |
6 |
49 |
50 |
51 |
112 |
113 |
114 |
115 |
116 |
117 |
118 |
119 |
120 |
121 |
122 |
123 |
124 |
129 |
130 |
131 |
132 |
133 | 
126 | 
127 |