实例介绍
情人节已经过去几天了,不知道博友有没有吃到巧克力馅的汤圆。 几天前,为了预热情人节,麦葱二次开发了个表白程序。程序放在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对传入的参数进行过滤,然后读取模版文件,替换模版文件对应内容,保存为新文件并记录操作,最后返回数据给前端,前端处理数据并更新页面。 下载和演示 注:这是一个自动生成表白页面的程序,模版由www.akdy.cn原创,爱看电影网做二次开发,仅限娱乐,不得用于商业用途! 使用说明 上传解压后的文件夹love到网站根目录,通过 http://你的域名/love/ 进行访问
【实例截图】
【核心代码】
4744302543006771869.zip
├── love
│ ├── 2014
│ ├── css
│ │ └── all.min.css
│ ├── fonts
│ │ └── RuiHeiXiTi.otf
│ ├── img
│ │ ├── 14915.jpg
│ │ ├── 319280_bg.jpg
│ │ ├── 319280.jpg
│ │ ├── iali0.jpg
│ │ ├── iali10.gif
│ │ ├── iali11.jpg
│ │ ├── iali12.jpg
│ │ ├── iali14.jpg
│ │ ├── iali16.jpg
│ │ ├── iali18.jpg
│ │ ├── iali19.jpg
│ │ ├── iali20.jpg
│ │ ├── iali21.jpg
│ │ ├── iali22_bg.jpg
│ │ ├── iali22.jpg
│ │ ├── iali24.jpg
│ │ ├── iali25.jpg
│ │ ├── iali29.jpg
│ │ ├── iali2_bg.jpg
│ │ ├── iali2.jpg
│ │ ├── iali30_1.jpg
│ │ ├── iali30_2.jpg
│ │ ├── iali31.jpg
│ │ ├── iali32.jpg
│ │ ├── iali35.jpg
│ │ ├── iali37.jpg
│ │ ├── iali3.jpg
│ │ ├── iali40_bg.jpg
│ │ ├── iali40.jpg
│ │ ├── iali42.jpg
│ │ ├── iali44.jpg
│ │ ├── iali45_bg.jpg
│ │ ├── iali45.jpg
│ │ ├── iali46.jpg
│ │ ├── iali49.jpg
│ │ ├── iali4.jpg
│ │ ├── iali50_1.jpg
│ │ ├── iali50_2.jpg
│ │ ├── iali51.jpg
│ │ ├── iali52.jpg
│ │ ├── iali53.jpg
│ │ ├── iali57.gif
│ │ ├── iali57.jpg
│ │ ├── iali58.jpg
│ │ ├── iali59_bg.jpg
│ │ ├── iali59.png
│ │ ├── iali5.jpg
│ │ ├── iali60.jpg
│ │ ├── iali62.jpg
│ │ ├── iali63.jpg
│ │ ├── iali64.jpg
│ │ ├── iali65.jpg
│ │ ├── iali66.jpg
│ │ ├── iali67.jpg
│ │ ├── iali68.jpg
│ │ ├── iali69.jpg
│ │ ├── iali6.jpg
│ │ ├── iali71.jpg
│ │ ├── iali75_bg.jpg
│ │ ├── iali75.jpg
│ │ ├── iali76_bg.png
│ │ ├── iali76.gif
│ │ ├── iali77.jpg
│ │ ├── iali8_bg.png
│ │ ├── iali8.gif
│ │ ├── iali9.jpg
│ │ ├── index.php
│ │ └── loading.gif
│ ├── index.php
│ ├── js
│ │ ├── all.min.js
│ │ ├── audio.min.js
│ │ ├── brav1toolbox.js
│ │ ├── flowtime.js
│ │ ├── love.min.js
│ │ └── love.src.js
│ ├── loveNote.txt
│ ├── love.php
│ ├── loveTpl.html
│ ├── music
│ │ ├── lovebgm.mp3
│ │ └── saveme.mp3
│ └── 使用说明.txt
└── 说明.htm
7 directories, 84 files
标签:
小贴士
感谢您为本站写下的评论,您的评论对其它用户来说具有重要的参考价值,所以请认真填写。
- 类似“顶”、“沙发”之类没有营养的文字,对勤劳贡献的楼主来说是令人沮丧的反馈信息。
- 相信您也不想看到一排文字/表情墙,所以请不要反馈意义不大的重复字符,也请尽量不要纯表情的回复。
- 提问之前请再仔细看一遍楼主的说明,或许是您遗漏了。
- 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦,又没人会搭理,于人于己都无利。
关于好例子网
本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享,对搜索内容的合法性不具有预见性、识别性、控制性,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论平台是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定,若资源存在侵权或相关问题请联系本站客服人员,点此联系我们。关于更多版权及免责申明参见 版权及免责申明
网友评论
我要评论