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

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

预览地址:

爱情纪念:https://zhang.ge/love

爱的故事: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

演示地址:https://zhang.ge/love

 

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

 

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

暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇