这是一个前后端分离的PHP程序，开发过程中学到很多有意思的前端知识。去年在酷Q平台上写过小纸船的插件，就是通过QQ机器人让大家可以发一段文字，一张图片，一句语音通过插件上传到服务器，再通过插件来随机的获取这文字，图片，语音，效果挺不错的，当时用户还挺多，后来嘛，QQ机器人的各大平台都倒了，酷Q也不例外，这个项目也就没再进行，现在又把平台迁移到了WEB，让它焕发新生吧，后期会增加投稿图片，投稿语音的功能，还会有匿名回复，邮件通知，而这些都是很久之前的项目小纸船就有的功能。
特点：
首页句子加载采用Ajax技术，无刷新切换句子
function update() {
document.getElementById('update').innerHTML = '正在获取';
$.get("model/api.php", function (data, status) {
setTimeout(function () {
data = $.parseJSON(data);
if (status === 'success')
document.getElementById('echo').innerHTML = data['content']
else
alert("网络错误")
document.getElementById('update').innerHTML = '来一句?';
}, 100)
});
}
字体增添抖动特效
@keyframes animate {
0%, 100% {
text-shadow: 0 0 0 #0ff, 2px 2px 0 #f00;
}
75% {
text-shadow: 1px 1px 0 #0ff, -1px -1px 0 #f00;
}
}
部分页面图片展示：
