typed插件实现多种打字效果

代码语言:html

所属分类:动画

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<script src='http://repo.bfw.wiki/bfwrepo/js/vconsole.min.js'></script><script> window.vConsole = new window.VConsole();</script><!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script type="text/javascript">
        bready(function() {
            use(["typed.min"], function() {
                var typed = new Typed('#typed', {
                    strings: ['bfw是个专业的技术学习开发平台', 'Chars &times; &copy;'],
                    typeSpeed: 200,
                    backSpeed: 0,
                    fadeOut: true,
                    loop: true,
                    cursorChar: '➼' //
                });
                var typed2 = new Typed('#typed2', {
                    strings: ['在input中也可以打印输出'],
                    typeSpeed: 200,
                    backSpeed: 0,
                    fadeOut: true,
                    loop: true,


                });
                var typed3 = new Typed('#typed3', {
                    strings: ['focus后停止打印'],
                    typeSpeed: 200,
                    backSpeed: 0,
                    fadeOut: true,
                    loop: true,
                    bindInputFocusEvents: true,

                });
                var startBtn = document.querySelector('.start');
                var stopBtn = document.querySelector('.........完整代码请登录后点击上方下载按钮下载查看

网友评论0