typist-jquery, 向任何元素添加动画文本键入

分享于 

3分钟阅读

GitHub

  繁體 雙語
Add animated text typing to any element.
  • 源代码名称:typist-jquery
  • 源代码网址:http://www.github.com/davidcrawford/typist-jquery
  • typist-jquery源代码文档
  • typist-jquery源代码下载
  • Git URL:
    git://www.github.com/davidcrawford/typist-jquery.git
    Git Clone代码到本地:
    git clone http://www.github.com/davidcrawford/typist-jquery
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/davidcrawford/typist-jquery
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    typist

    打字员是一个jQuery插件,它允许你对文本进行动画处理,如在屏幕上键入。

    $('#terminal').typist({
     height:300});$('#terminal').typist('prompt')
    . wait(1500)
    . typist('type', 'greet')
    . typist('echo', 'Hello, world!')

    参见 http://chartulo.us 中的实际操作。

    这个软件是在MIT许可下许可的。 查看文件中的详细信息"许可证"。

    命令行选项

    通过传入具有下列属性的对象时传入'终端'选项。

    • height 打字员将你的div设置为与 overflow 固定高度: 隐藏,使文本像终端窗口一样滚动顶部。 使用 height 设置所需的高度( 只传递到 CSS )。 整数的整数。

    • width 为终端元素设置固定宽度。 整数的整数。

    • backgroundColor 设置终端元素的颜色。 CSS中有效颜色的任意字符串。

    • textColor 设置文本颜色。 CSS中有效颜色的任意字符串。

    • fontFamily 为终端中的文本设置 font-family。

    API

    typist(config)

    初始化终端元素。

    typist('prompt')

    添加一个提示行并启动 cursor 闪烁。

    typist('type', text)

    在提示行上键入文本。

    typist('echo', text)

    输出文本,如同它是命令的输出一样。 创建新行。

    typist('wait', millis)

    暂停指定的毫秒数动画。 如果在提示行上,cursor 继续闪烁。

    typist('speed', fast_or_slow)

    设置后命令键入/回显的速度


    添加  文本  TEX  animate  Animated  Typing  
    相关文章