https://github.com/leaysgur/type-write.js

Display texts with typing effect like typewriter.
https://github.com/leaysgur/type-write.js

Last synced: 24 days ago
JSON representation

Display texts with typing effect like typewriter.

• Host: GitHub
• URL: https://github.com/leaysgur/type-write.js
• Owner: leaysgur
• Created: 2014-07-14T15:36:08.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2020-02-15T07:36:20.000Z (over 4 years ago)
• Last Synced: 2024-04-15T07:12:07.093Z (7 months ago)
• Language: JavaScript
• Size: 34.2 KB
• Stars: 0
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
type-write.js

===============

See https://leader22.github.io/type-write.js/

## 使い方

上記のデモと同じファイルがindex.htmlなので、そっち見るほうがはやいかも。

```javascript

var typeWrite = new TypeWrite({

    textElm: outputElm

});

typeWrite.start(targetText, {

    talkDelay: 0.05

}, callback);

```

## 独自タグの書式

```

あのイーハトーヴォのすきとおった風、{|}

夏でも底に冷たさをもつ{}そら、{|}

うつくしい{}で飾られたモリーオ市、郊外のぎらぎらひかる草の{}。

```

という文字は、以下のHTMLとして出力されます。

```html

あのイーハトーヴォのすきとおった風、


夏でも底に冷たさをもつ青いそら、


うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。

```

※見やすさのために改行してます。

### 注意

- 言わずもがな、事前にCSSの定義が必要です

- ``{}``のネストはできません