给网站添加一言打字效果

给网站添加一言打字效果

效果图:

wgaht-b6lc7.gif

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

如果页面已经加载了jquery

<script src="http://ku.dzzv.cn/js/jquery.min.js"></script>这个可以删掉

<script src="http://ku.dzzv.cn/js/jquery.min.js"></script> 
<script type="text/javascript" src="http://ku.dzzv.cn/js/typed.min.js"></script>
<script>
   $.ajax({
            type:"get",
            url:"https://api.dzzv.cn/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="https://api.dzzv.cn/api/yiyan?format=js"></script>

本博客所有文章如无特别注明均为原创。
作者:独醉复制或转载请以超链接形式注明转自 独醉博客
原文名称:给网站添加一言打字效果
原文地址:http://blog.dzzui.com/36.html

相关推荐

发表评论

路人甲 表情
Ctrl+Enter快速提交

网友评论(0)