2012-10-21 48 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