给网站添加一言打字效果

给网站添加一言打字效果

枫
2023-01-17 / 0 评论 / 61 阅读 / 耗时 143ms / 正在检测是否收录...

介绍

将下面代码放到 </body>标签前。

放在适合的地方即可。

效果跟本站一样的。

代码

<script src="//ku.dzzui.com/js/jquery.min.js"></script> 
<script type="text/javascript" src="//ku.dzzui.com/js/typed.min.js"></script>
<script>
   $.ajax({
            type:"get",
            url:"https://api.dzzui.com/api/yiyan?format=json2",
            async:true,
          
     success:function(typed){
            var list = [];
            for(var i = 0 ;i < typed.data.length ; i++){
                list.push(typed.data[i]['text']);
            }
                $("#typed").typed({
                    strings: list,
                    typeSpeed: 20,
                    loop: true,
                    backDelay: 1000,
                });
            }
        });
    </script>

在你要显示一言打字的地方加入下面代码。

<span id="typed">Loading</span>

还有一个非常简单的,一行代码,但是没有打字特效

直接放在要显示的地方,只需这一行代码

<script src="//api.dzzui.com/api/yiyan?format=js"></script>

效果

3

海报

正在生成.....

评论 (0)

取消