分享超炫的表白页面和爱的纪念日源码

昨晚弄到三点就是为了 DIY 这 2 个页面,想给老婆一个浪漫的惊喜。

预览地址:

爱情纪念:http://zhangge.net/love

爱的故事:http://zhangge.net/love/forever

在线制作:http://zhangge.net/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/ 进行访问

④、下载和演示:

下载地址

演示地址:http://zhangge.net/love/forever

在线制作:http://zhangge.net/love/index.php

注:这是一个自动生成表白页面的程序,模版由 jianghongfei.com.cn 原创,麦葱(www.yuxiaoxi.com)做二次开发,仅限娱乐,不得用于商业用途!

二、爱的纪念日页面:

从爱 Java 看到的分享,原址:http://aijava.cn/560.html

演示地址:http://zhangge.net/love

没什么可说的,自己下载慢慢折腾吧!为了心爱之人,怎么折腾都是值得的!

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏北京马哥教育

手把手教你搭建一个学习Python好看的 Jupyter 环境

又到摆脱重复工作,换个心情,然而并没有软用的时间了。这次,教大家如何搭建一个好看的jupyter环境。 安装Jupyter 先来展示一下我的环境 python...

54290
来自专栏君赏技术博客

团队自用的iOS CSV多语言工具今天终于发布1.0.0版本

image-20180727105818718 一般第一个为基础语言包不需要处理

25840
来自专栏魏琼东

.NET快速开发实践之应用IExtenderProvider实现对象与UI控件的绑定

         现在企业级的信息系统应用开发之中,数据层采用了ORM,解放了之前开发最大工作量的核对SQL语句,我到现在还曾经记得在2002年实医院管理信息系...

21960
来自专栏张戈的专栏

WordPress评论滑动/拉链解锁myQaptcha代码版及部署方法

虽然博客取消了文章页面评论,仅剩下留言板的评论,但张戈还是要尽力做到尽善尽美,将用户体验做到极致!在防止垃圾评论的同时,尽量让评论变得更加简单快捷。 于是就想到...

41990
来自专栏前端架构与工程

《微信小程序七日谈》- 第四天:页面路径最多五层?导航可以这么玩

《微信小程序七日谈》系列文章: 本系列的文章并非初学教程,而是笔者在具体开发过程中遇到的问题以及部分解决方案。 微信小程序提供导航相关的API: wx.nav...

403100
来自专栏macOS 开发学习

Mac 开发之 做一个JSON转模型属性的小公举

好啦,到这里就简单完成了这个小工具,继续学习的,可以给这个工具添加一个状态栏按钮(可以参考我前面的文章),也许会用起来更方便哦..

13920
来自专栏coding for love

CSS入门2-认识html之meta标签详解

(注1:如果有问题欢迎留言探讨,一起学习!转载请注明出处,喜欢可以点个赞哦!) (注2:更多内容请查看我的目录。)

12610
来自专栏小尘哥的专栏

nuxt中富文本编辑器【vue-quill-editor】的集成

百度搜一下“VUE 富文本编辑器”,五花八门,N多种,推荐比较多的是集成百度的UEditor,然后是vue-quill-editor。后者是专门为vue提供的,...

33230
来自专栏西安-晁州

vue.js学习之入门实例

之前一直看过vue.js官网api,但是很少实践,这里抽出时间谢了个入门级的demo,记录下一些知识点,防止后续踩坑,牵扯到的的知识点:vue、vue-cli、...

25200
来自专栏为数不多的Android技巧

mac下自动切换输入法

长久以来,输入法一直是困扰mac用户的一个问题;不过随着国内厂商的跟进,这种状况得到了极大的改善。不用自己去折腾什么鼠须管了,狼厂和企鹅都做的不错。

68610

扫码关注云+社区

领取腾讯云代金券