-1

http://kiro.me/projects/textualizer.htmlから js textualizer を使用しようとしていますが、うまくいきません。

http://jsfiddle.net/Zk2tr/2/

コード

html

<script src="https://raw.github.com/krisk/textualizer/master/textualizer.min.js"></script>
<div id="output"></div>
Not Working

js

var list = ['first blurb', 'second blurb', 'third blurb'];  // list of blurbs

var txt = $('#output');  // The container in which to render the list

var options = {
  duration: 1000,          // Time (ms) each blurb will remain on screen
  rearrangeDuration: 1000, // Time (ms) a character takes to reach its position
  effect: 'random',        // Animation effect the characters use to appear
  centered: true           // Centers the text relative to its container
}

txt.textualizer(list, options); // textualize it!
txt.textualizer('start'); // start
4

1 に答える 1

1

この例を試してください：

http://jsfiddle.net/Zk2tr/9/

正しく機能させるには、いくつかの初期スタイルを追加する必要があります。例：

#output {
  font-size: 40px;
  height: 200px;
  margin-top: 50px;
  padding: 10px;
  text-align: center;
  border: 1px solid gray;
}
于 2013-02-02T10:53:17.397 に答える