4

七夕情人节表白网页一键制作教程+分享源码

已有 4,448 人阅读此文 - - 自媒体 - 林忠周
七夕情人节马上又来了,今天林忠周博客给大家带来一篇七夕情人节表白网页一键制作教程,支持自定义背景音乐,自定义网址。绝对的表白神器、制造浪漫,绝对操作简单,无需折腾!
 
演示网址先上 http://linzhongzhou.com/demo/love/forever/
 
PS:打开后 按键盘 ↓  开始浏览。
 
看看最后按“ESC”的效果图。
特效
支持自定义背景音乐(mp3格式地址)跟URL地址
自定义
教程:
1.打开表白网页制作地址 http://linzhongzhou.com/demo/love/
PS:本网页程序使用非IE内核浏览器显示效果更佳!如果是IE内核浏览器请开启极速模式~
 
2.打开表白网页制作地址后,就可以在页面下边看到修改提示
提示
按照提示,直接点击想要修改的地方(文字),修改成自己想要的文字,按键盘 ↓  挨个写,如果你能淫得一手好文,可以全部改掉这些对话,文采不好的话,改改名字吧~
 
3.改完之后点击提示处的“保存修改”即可。然后可以进行背景音乐自定义和URL地址自定义~
 
其他没什么可说的了,自己下载慢慢折腾吧!为了心爱之人,怎么折腾都是值得的!

源码分享:

 

①、模版文件说明:

/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://pan.baidu.com/s/1pJqrQC7
本文由林忠周博客(微信/QQ号:873972816)原创发布!部分内容素材源自互联网,欢迎转载分享,转载请保留出处!

已有4位网友发表了一针见血的评论,你还等什么?