分享超炫的表白页面和爱的纪念日源码
昨晚弄到三点就是为了 DIY 这 2 个页面,想给老婆一个浪漫的惊喜。
预览地址:
爱的故事: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
没什么可说的,自己下载慢慢折腾吧!为了心爱之人,怎么折腾都是值得的!
- 一道简单的sql语句题
- python爬虫反爬取---设置User Agent自动变换header文件
- 一文读懂Python多线程
- 深入理解Python变量作用域与函数闭包
- TensorFlow从1到2 - 5 - 非专家莫入!TensorFlow实现CNN
- JetBrains Rider 破解 (ideaIU等等开发工具都通用)
- python中的小魔法(一)
- 由问题入手,步步爬出Python中赋值与拷贝的坑
- python爬取链家租房之获得每一页的房屋信息地址(持续更新)
- python使用正则表达式
- python在租房过程中的应用
- python爬虫反爬取---设置IP代理自动变换requests.get()中proxy的IP
- 【译】TensorFlow实现Batch Normalization
- 关于Python语言规范你需要知道的一些小tips
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- WPF 从零手动创建承载 Xamarin Forms 项目
- 帝都房价回调?带你用Python了解北京二手房市场现状
- Zabbix 利用 ncat 监控远端端口状态
- MySQL“被动”性能优化汇总!
- H3C WA2610i-GN 无线AP FAT 配置案例
- java强引用、软引用、弱引用、虚引用以及FinalReference
- 读源码——JDK动态代理
- 图解红黑树
- 算法——递归
- LeetCode 94 | 基础题,如何不用递归中序遍历二叉树?
- 读源码——cglib动态代理
- 每日一题 | 字符串转换问题
- Git同时上传到github和码云(国内知名的男性交友网站)
- 读源码——Guava-Cache
- LeetCode 94 | 构造出所有二叉搜索树