Echo:留下你的一句话吧

写在
首页

这是一个前后端分离的PHP程序,开发过程中学到很多有意思的前端知识。去年在酷Q平台上写过小纸船的插件,就是通过QQ机器人让大家可以发一段文字,一张图片,一句语音通过插件上传到服务器,再通过插件来随机的获取这文字,图片,语音,效果挺不错的,当时用户还挺多,后来嘛,QQ机器人的各大平台都倒了,酷Q也不例外,这个项目也就没再进行,现在又把平台迁移到了WEB,让它焕发新生吧,后期会增加投稿图片,投稿语音的功能,还会有匿名回复,邮件通知,而这些都是很久之前的项目小纸船就有的功能。

演示地址:https://echo.shiyu.dev

特点:

首页句子加载采用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;
        }
    }

部分页面图片展示:

投稿页面
API页面


评论

《 “Echo:留下你的一句话吧” 》 有 2 条评论

  1. 很不错的源码项目 支持

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注