昨晚弄到三点就是为了 DIY 这 2 个页面，想给老婆一个浪漫的惊喜。
预览地址：
爱的故事：https://zhang.ge/love/forever
在线制作：https://zhang.ge/love/index.php
是别人的源码，没什么好说的，直接贴上作者说明：
一、超炫表白页面：
作者原话：为了预热情人节，麦葱二次开发了个表白程序。程序放在 BAE 上面，因为本地写这个原因，生成的页面过段时间就找不到了，导致链接页面 404，麦葱在此表示歉意。
今天麦葱把这款程序分享出来，如果你需要，可以拿去使用。
①、模版文件说明：
/2014 /css /css/all.min.css /fonts /fonts/RuiHeiXiTi.otf /img /img/***.jpg /img/***.gif /js /js/all.min.js /js/audio.min.js /js/brav1toolbox.js /js/flowtime.js /js/love.min.js /js/love.src.js /music /music/saveme.mp3 /music/lovebgm.mp3 index.php love.php loveNote.txt loveTpl.html
/2014 用于存放生成的静态页面，若更改，请同时修改 love.php 里的路径
/js/love.min.js 字段获取 js 压缩文件
/js/love.src.js 是未压缩的
love.php 核心处理文件，love.min.js 传参给此文件处理并生成相应静态页面
loveNote.txt 数据记录
loveTpl.html 页面模版文件 love.php 生成的页面以此文件为模版
②、程序运行原理：
给页面文字添加 span 标签，设置 id=”text-xx”唯一属性，使用 contenteditable=”true”，开启该元素的编辑模式，用 jQuery 属性.click()判断点击，用.text()返回此元素的文本内容，并用正则进行判断内容是否合法，然后通过 AJAX POST 给 php 处理，php 对传入的参数进行过滤，然后读取模版文件，替换模版文件对应内容，保存为新文件并记录操作，最后返回数据给前端，前端处理数据并更新页面。
③、使用说明：
上传解压后的文件夹 love 到网站根目录，通过 http://你的域名/love/ 进行访问
④、下载和演示：
版权说明
本站提供的下载内容版权归本站所有。转载 必须 注明出处！
* 标有 “转载” 字样的文章，内容版权归原作者所有。
版权说明
本站提供的下载内容版权归本站所有。转载 必须 注明出处！
* 标有 “转载” 字样的文章，内容版权归原作者所有。
演示地址：https://zhang.ge/love/forever
在线制作：https://zhang.ge/love/index.php
注：这是一个自动生成表白页面的程序，模版由 jianghongfei.com.cn 原创，麦葱(www.yuxiaoxi.com)做二次开发，仅限娱乐，不得用于商业用途！
二、爱的纪念日页面：
从爱 Java 看到的分享，原址：http://aijava.cn/560.html
没什么可说的，自己下载慢慢折腾吧！为了心爱之人，怎么折腾都是值得的！