2012-10-21 44 views
0

无法使这个textualiser效果工作 - 获取空白屏幕。我已经从这个网站复制它:http://vimeo.com/39150670。并试图插入视觉工作室和记事本,但仍然没有运气!Textualizer效果html不起作用

<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> 

回答

0

加载插件不工作的联系,所以使用更新的一个,对于更换您的下面一行:

<script src="http://kiro.me/textualizer/javascript/textualizer.min.js"></script> 

这一个:

<script src="http://raw.github.com/krisk/textualizer/master/textualizer.min.js"></script> 

见工作demo