当前位置:首页 > WordPress > WP教程 > 正文

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

预览地址:

爱情纪念:https://tingbuqing.com/love

爱的故事:https://tingbuqing.com/love/forever

在线制作:https://tingbuqing.com/love/index.php

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

一、超炫表白页面:

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

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

loveforever

①、模版文件说明:

/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://tingbuqing.com/love/forever

在线制作:https://tingbuqing.com/love/index.php

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

二、爱的纪念日页面:

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

演示地址:https://tingbuqing.com/love

lovetime

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

标签:
上一篇: 下一篇:

4 条评论

评论加载中...
  1. 板凳
    来自天朝的朋友 谷歌浏览器 Windows 7 湖北省武汉市 电信
    伪极客   

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

    2016年8月28日 下午10:43 评论
    • Gavin
      Gavin   

      欢迎再次光临!!!

      2016年12月29日 下午1:50 评论
  2. 沙发
    来自天朝的朋友 谷歌浏览器 Windows 7 河南省 移动
    china晓磊   

    为什么爱情纪念日没有在线制作呢,我觉得对于我这没有网站的人来说,弄一个这个也没地方展示出来,所以您能不能把这个在线制作的网址弄一个出来,好给我们这些人一个机会。谢谢

    2016年3月18日 上午10:39 评论
    • Gavin
      Gavin   

      有时间研究一下,我这也是借用别人开发好的,自己没有去钻研,不过你的提议不错.当然,你也可以联系我,做好后放到我的站点.
      QQ:136935610
      答案:【秘密留言】

      2016年3月24日 下午5:22 评论

发表评论

不理你。 不要啊! 吃饭。 吃惊。 吃西瓜。 飞吻! 恭喜! Hi 纠结! 膜拜! OK 抛媚眼。 泡泡糖。 抛钱。 忍! 生闷气! 调皮。 偷看。 委屈。 献花。 疑问? 抓狂!