无法使此 textualiser 效果发挥作用 - 出现空白屏幕。我已经从这个站点复制了它:http: //vimeo.com/39150670。并尝试插入视觉工作室和记事本,但仍然没有运气!
<html>
<head>
<title></title>
<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="http://kiro.me/textualizer/javascript/textualizer.min.js"></script>
<style type="text/css">
#txtlzr { font-size: 150px; width: 960px; height:250px; }
</style>
</head>
<body>
<div id="txtlzr"> </div> </body>
<script>
$(function() {
var list = [ 'Text 1','Hello World','Screencasts'];
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
}
var txt = $('#txtlzr');
txt.textualizer(list, options); // textualize it!
txt.textualizer('start'); // start
});
</script>
</html>