0

我在 php 中使用 jTypeWriter jquery。这个 jquery 正在从一个包含许多句子的 txt 文件中获取其文本,每个句子都以句点结尾。

问题是:我希望 jquery 每次文件中的句子完成时从头开始输入,然后移动到下一个,依此类推。我希望这是一个循环。

我尝试在文本文件中的句子末尾插入中断标记,但这没有帮助。

<script type="text/javascript">
$(document).ready(function() {
    $("#my-container").jTypeWriter({
        sequential: false,
        loop: true,
        loopDelay: 5,
        duration: 6
    });
});​
</script>


jquery 服务器可能已关闭,但我在这里找到了代码:http://pastebin.com/W85XGWcV
任何帮助将不胜感激。谢谢。

4

1 回答 1

1

说真的,也许你应该尝试另一个插件/脚本。我花了一些时间来解决问题。好吧,使用此脚本您无法定义速度,如果需要,您可以自己尝试!我找到的解决方案是使用我在网上某处找到的另一个版本的 jTypeWriter(我不确定它是否是最新的:http://www.ugcs.caltech.edu/~kratsg/Scripts/TypewriterEffect/demo。 html )

<!DOCTYPE html>
<html>
<head>
    <title>JS</title>
</head>
<body>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js"></script>
    <script type="text/javascript" src="http://www.ugcs.caltech.edu/~kratsg/Scripts/TypewriterEffect/jQuery.typewriter.min.js"></script>    <!-- PLEASE REMOVE THIS AND ADD A PATH TO YOUR OWN SERVER TO PREVENT directlinking) -->
    <script type="text/javascript">
    function writing(){
        $('#mycontainer').jTypewriter('type').delay(5000);  // sleep for 5 seconds after 1 loop
        setTimeout("writing()");
    }
        $(document).ready(function(){
            writing();
        });
        
    </script>

<div id="mycontainer">
    <?php
        $file = file_get_contents("text.txt");
        $lines = explode(PHP_EOL, $file);
        foreach($lines as $line){
            echo "$line<br/>".PHP_EOL;
        }
    ?>
</div>

</body>
</html>
于 2012-06-03T21:51:28.633 回答