自己瞎折腾了一波,原本是根据大佬故梦的文章改的

然后因为自己零基础没折腾过来又瞎捣鼓了一波竟然成了,那讲讲我的笨方法。

首先将下述代码放到 footer.php 的 </body> 前。

<script type="text/javascript" src="https://www.ysazw.cn/usr/js/typed.min.js"></script>
<script>
        $(function(){
   $.ajax({
            type:"get",
            url:"一言接口",
            async:true,
            success:function(word){
                var list = [];
                for(var i = 0 ;i < word.data.length ; i++){
                    list.push(word.data[i].text);
                }
                $("#word").typed({
                    strings: list,
                    typeSpeed: 20,
                    loop: true,
                    backDelay: 3000,
                });
            }
        });
    });
    </script>

接着在你要实现一言打字的地方加入下述代码。

<span class="panel-subtitle"><i style="color:red;" class="fa fa-heart" aria-hidden="true"></i><span id="word">Loading<i class="fa fa-spinner fa-spin" aria-hidden="true"></i></span><i style="color:red;" class="fa fa-heart" aria-hidden="true"></i></span>

api接口自行在故梦接口调用

Last modification:March 1st, 2021 at 02:30 pm
本文作者:
文章标题:实现一言打字效果。
本文地址:https://www.gmit.vip/383.html
版权说明:按照知识共享署名-非商业性使用 4.0 国际协议进行许可,转载引用文章应遵循相同协议
如果觉得我的文章对你有用,请随意赞赏
双击文章内容区域可以给本文点赞哦,快来试试吧