首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >纹理器效果html不起作用

纹理器效果html不起作用
EN

Stack Overflow用户
提问于 2012-10-21 20:04:28
回答 1查看 360关注 0票数 0

无法使用这个文本化效果-得到一个空白屏幕。我从这个网站上复制了它:http://vimeo.com/39150670。并尝试插入到visual studio和记事本中,但仍然没有成功!

代码语言:javascript
复制
<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>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-10-21 20:26:35

加载插件的链接不起作用,因此请使用更新后的链接来替换您的以下行:

代码语言:javascript
复制
<script src="http://kiro.me/textualizer/javascript/textualizer.min.js"></script>

对于这一条:

代码语言:javascript
复制
<script src="http://raw.github.com/krisk/textualizer/master/textualizer.min.js"></script>

请参见working

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12997629

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档