韩震博客|关注于学习java与交流

情侣创意表白页面在线生成

java从业者 2017年06月30日 web前端 722 0

演示作品:http://hongsehuoxian.com/love/2014/2017-5-10.html


在线制作:http://hongsehuoxian.com/love/

一、超炫表白页面:

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

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

QQ图片20170630161005.jpg

①、模版文件说明:

/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://pan.baidu.com/s/1kTHVtDd


二:浪漫程序员 HTML5爱心表白动画页面



QQ截图20170902142322.png


演示作品:http://hongsehuoxian.com/loves/


       文件地址下载:jiaoben1892.rar


转载的时候记得写明出处哦!红色火线java加油站!http://hongsehuoxian.com
看到这里如果这篇文章真的帮到你了,不妨打赏一下哦!

以上就是红色火线JAVA加油站整理的关于情侣创意表白页面在线生成的文章,
希望可以帮到你,如果你有不同的见解可以留言指正哦,避免让别的java小伙伴在走挫折路。
spring ioc原理(看完后大家可以自己写一个spring)
你是第一个吃螃蟹的人
  1. 摔跤爱好
    摔跤爱好
    (2017-09-09 11:38:33) 1#

    赞一个

发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

分享:

支付宝

微信