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

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

预览地址:

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

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

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

是别人的源码,没什么好说的,直接贴上作者说明:

一、超炫表白页面:

作者原话:为了预热情人节,麦葱二次开发了个表白程序。程序放在BAE上面,因为本地写这个原因,生成的页面过段时间就找不到了,导致链接页面404,麦葱在此表示歉意。

今天麦葱把这款程序分享出来,如果你需要,可以拿去使用。

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

①、模版文件说明:

/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

 

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

 

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

文件下载

博客小广告:网络加速服务推荐(点击图片查看)

网络加速

发表评论

gravatar

:?::razz::sad::evil::!::smile::oops::grin::eek::shock::???::cool::lol::mad::twisted::roll::wink::idea::arrow::neutral::cry::mrgreen:

刷新评论

目前评论:70   其中:访客  49   博主  21

  1. 梦轩丽人 6 来自天朝的朋友 未知浏览器 Unknow Os 广西南宁市 电信

    爱的纪念日页面蛮不错的,我昨天刚用会会做了一个视频以记录结婚三周年,先下载这个爱的纪念日页面,等会有空我也折腾看看。博主,谢了!

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

      评论” />

  2. maillot saxo bank 4 来自天朝的朋友 未知浏览器 Unknow Os 福建省福州市 电信

    这个好赞,我那天就看到了。

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

      作者的创意和技术都很不错的说~

  3. 半块糖 3 来自天朝的朋友 未知浏览器 Unknow Os 河南省洛阳市 电信

    好漂亮的效果,拿走了,可以在某月某日给某人一个惊喜,嘿嘿~

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

      对,还是挺浪漫的~IT男独有的~

  4. 个人博客leiboy.com 5 来自天朝的朋友 未知浏览器 Unknow Os 北京市海淀区 联通

    唉,目测博主要用这个把一个无知少女感动得稀里哗啦了

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

      我都要结婚了,还无知少女呢。。其他人拿去追漂亮MM还是可以的。

  5. 捡豆腐'blog 1 来自天朝的朋友 未知浏览器 Unknow Os 湖南省长沙市 电信

    Goodbye了~~~

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

      再找

  6. 三日月 6 来自天朝的朋友 未知浏览器 Unknow Os 上海市 电信

    这玩意真不错啊,高端大气上档次啊

  7. 三日月 6 来自天朝的朋友 未知浏览器 Unknow Os 上海市 电信

    等我即使有需要的时候可以弄一个,真心感觉好啊 评论” />

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

      赶紧拿去追女孩吧~

      • 三日月 6 来自天朝的朋友 未知浏览器 Unknow Os 上海市 电信

        没认识的怎么破啊。这方面你是大神了 评论” />

        • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

          呃,天天宅能找到才怪。。

          • 三日月 6 来自天朝的朋友 未知浏览器 Unknow Os 上海市 电信

            交友圈太小,我不是伤的么,有缘吧

  8. 好运鞋网 2 来自天朝的朋友 未知浏览器 Unknow Os 山东省泰安市泰山区 联通

    老婆肯定要高兴了,有如此浪漫的丈夫。

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

      评论” />

  9. 路人V 3 来自天朝的朋友 未知浏览器 Unknow Os 湖北省武汉市 武汉纺织大学

    赞一个,我啥时候才用得上啊

  10. Youth.霖 4 来自天朝的朋友 未知浏览器 Unknow Os 吉林省长春市 吉林大学

    好感人啊···我啥时候才用得上啊

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 电信

      发现合适的,就赶紧用上,追一个。

  11. 撒哈拉的小猫 5 来自天朝的朋友 未知浏览器 Unknow Os 广西南宁市 电信

    快五年了是吧。。孩子可以打酱油了把、、– 来自blog.clmao.com土豪灌水机

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 电信

      恋爱时间。。

  12. yedward 4 来自天朝的朋友 未知浏览器 Unknow Os 陕西省西安市 电信

    额,很久以前我也做了一个,不过我完全没有审美的说,就只是一个简单的页面,http://love.yedward.net。 评论” />

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 电信

      哇!帅男美女啊。。

  13. 骁-miniseo.net 4 来自天朝的朋友 未知浏览器 Unknow Os 广东省广州市 联通

    我不太懂太码看不出这里面的门道,如果不熟悉代码,制作出这样一个功能有可能吗?

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

      直接上传源码包就可以了,改中文总会吧。。

      • 骁-miniseo.net 4 来自天朝的朋友 未知浏览器 Unknow Os 广东省广州市 联通

        这个必须会..哈哈 回头仔细琢磨下,也整下来玩玩..

        • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

          嗯,里面有详细使用说明。

  14. 开心一刻笑话 4 来自天朝的朋友 未知浏览器 Unknow Os 江苏省苏州市 电信

    你能告诉我 你为何这么叼?

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省广州市花都区 电信

      评论” />

  15. 三日月 6 来自天朝的朋友 未知浏览器 Unknow Os 上海市 电信

    小弄了有点小问题,重新弄下 评论” />

  16. 糯米汇 5 来自天朝的朋友 未知浏览器 Unknow Os 四川省 电信

    这个之前在51分享博客里面看到的 没想到出自这里 32个赞啊!

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 电信

      惭愧,惭愧,不是出自我这里呢,我也是收集整理哦~

      • 糯米汇 5 来自天朝的朋友 未知浏览器 Unknow Os 四川省 电信

        也不错啊 没有你整理咋个看的到

  17. 瑾瑜 4 来自天朝的朋友 未知浏览器 Unknow Os 安徽省合肥市 中国科学技术大学

    赞一个,原来自己也做过纪念日页面,不过比较简单……

  18. 桜満集_CA 3 来自天朝的朋友 未知浏览器 Unknow Os 甘肃省 电信

    当某男将图片都改成和心爱之人在一起,然后就在她打开网站的一秒之后,某男从身后出现手捧鲜花的场面,卧槽,我竟然想完了!看来我注定要孤独一生(╯‵□′)╯︵┻━┻

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市宝安区 电信

      有想法,有目标就赶紧行动吧。

  19. 百家网络博客 3 来自天朝的朋友 未知浏览器 Unknow Os 广东省广州市 联通

    已拿走,谢谢分享。

  20. seo论坛 0 来自天朝的朋友 未知浏览器 Unknow Os 辽宁省辽阳市 联通

    不错有点意思 很喜欢这个代码

  21. 贴吧头像 5 来自天朝的朋友 未知浏览器 Unknow Os 北京市 联通

    哈哈,收下了、、

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市宝安区 电信

      拿走吧

  22. 悟空网赚(www.99shuobo.com) 2 来自天朝的朋友 未知浏览器 Unknow Os 河北省沧州市 联通

    不错感谢分享

  23. 飞哥 4 来自天朝的朋友 谷歌浏览器 Windows 7 广东省佛山市 百度网讯科技电信节点

    签到成功!签到时间:下午10:54:37,每日签到,生活更精彩哦~

  24. 飞哥 4 来自天朝的朋友 谷歌浏览器 Windows 7 广东省佛山市 百度网讯科技电信节点

    怎么用啊。文件夹权限设置不会。虚拟服务器不能更改文件设置。是不是需要服务商帮助啊?

  25. 牛皮厕纸云主机 1 来自天朝的朋友 谷歌浏览器 Windows 7 广东省广州市 电信

    赞一个

    • cuimao 1 来自天朝的朋友 搜狗浏览器 Windows XP 福建省泉州市安溪县 地球村网吧

      无语啊怎么通过了我还是改下吧

  26. 11 1 来自天朝的朋友 谷歌浏览器 Windows 7 山东省泰安市 联通

    怎么生成不了,一生成就错误[img]评论[/img]

    • 11 1 来自天朝的朋友 谷歌浏览器 Windows 7 山东省泰安市 联通

      777权限也不行,文件直接上传的

  27. 橙子 0 来自天朝的朋友 谷歌浏览器 Windows 7 河南省周口市 电信

    请问张戈大哥,怎么制作这个表白墙弄到自己的网站上?
    一定回答我!!!

    • 张戈 [博主] 来自天朝的朋友 谷歌浏览器 Windows 7 广东省深圳市 联通

      ③、使用说明:
      上传解压后的文件夹love到网站根目录,通过 http://你的域名/love/ 进行访问

      • 橙子 0 来自天朝的朋友 Safari浏览器 iPhone iPhone OS 8_1_3 like Mac OS X) AppleWebKit 河南省平顶山市 电信

        谢谢,张戈大哥。我懂了。

  28. 哈哈 0 来自天朝的朋友 谷歌浏览器 Windows 7 重庆市 电信

    张哥 请问第二个表白树 纪念日时间要怎么改 我想改成2013年10月2日 但是计算的纪念日时间不对 谢谢 希望回复我

  29. cuimao 1 来自天朝的朋友 Internet Explorer Windows 7 福建省泉州市南安市 电信

    爱的表白最后不能生成是什么情况呢?

  30. 小崔 1 来自天朝的朋友 搜狗浏览器 Windows XP 福建省泉州市安溪县 地球村网吧

    你好我是cuimao
    下载的代码有好多问题。我又不懂。所以就…………我就把你用的代码下载了修改了一下效果很好。非常感谢、希望博主莫介意啊( ⊙ o ⊙ )这个评论就不要通过审核了吧。我只是告诉您一声。体谅一下小白吧。谢谢
    刚才评论直接通过了我就从新发下

    • 张戈 [博主] 来自天朝的朋友 谷歌浏览器 Windows 7 广东省深圳市 电信

      互联网是开放的,无需拘束

  31. 小崔 1 来自天朝的朋友 搜狗浏览器 Windows XP 福建省泉州市安溪县 地球村网吧

    您好这个图片上的‘第’怎么去掉呢 找不到在哪个地方改 :arrow: 挡着后面的秒了

  32. 蔡定交 0 来自天朝的朋友 谷歌浏览器 Windows 8.1 云南省曲靖市 电信

    要是原创能做出这效果,还是有点难度的。

  33. 源码集中营 0 来自天朝的朋友 搜狗浏览器 Windows 8.1 浙江省宁波市 电信

    这个表白网页只是其中的一个,给博主介绍个牛逼的 百度搜索 : 我要表白网 第一个就是,可以去看看,哈哈 :grin:

    • 张戈 [博主] 来自天朝的朋友 QQ浏览器 Windows 7 广东省广州市 电信

      牛逼,都做成一站式服务了,啥时候婚宴啥的都做起来 :cool:

  34. BeautifulDays 1 来自天朝的朋友 谷歌浏览器 Mac OS X 10_11_1 广东省广州市 电信

    不错的效果,拿走啦

  35. 留笔记 2 来自天朝的朋友 谷歌浏览器 Windows 10 浙江省衢州市 联通

    张戈大大,爱的纪念链接失效了,没法下载 可以再发下吗 谢谢 :oops:

  36. wuyifan 1 来自天朝的朋友 火狐浏览器5.0 Windows 8.1 广东省深圳市 腾讯公司

    链接更新了,有更新吗?

  37. gxuann 0 来自天朝的朋友 谷歌浏览器 Windows 10 新疆乌鲁木齐市 新疆广电网络(新疆移动出口)

    请问,这个页面的bgm 那个audio里面音乐的文件存在哪才能快速加载呢?我上传到主机以后,每次都是页面打开了好久才能加载出来声音。

    • 张戈 [博主] 来自天朝的朋友 QQ浏览器 Windows 7 广东省广州市 电信

      这个和你音乐存放地址的下载速度有关系,你可以试试用七牛CDN存放这些音乐

加载中,请稍候...