Question

以下是我用来使jquery工作的html代码。我希望我的页面上的短语随机播放，然后作为所需的单词休息。例如，单词＆＃34;确定＆＃34;作为一个积极移动的字母的争夺进来，然后停止作为确定。 I got the idea from here.

    <head>
    <title>Erica Roxxx - Web Development and Design</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
                <script type="text/javascript" src="JS/jquery.shuffleLetters.js"></script>
                <script src="JS/jquery-1.6.3.min.js"></script>
            <link rel="stylesheet" href="CSS/style_scratch.css" type="text/css">
            <link rel="stylesheet" href="CSS/fonts.css" type="text/css" charset="utf-8" />
    </head>

<body>
<div id="container">
<img src="images/logo_design.png" />
<div class="roxxxFontClass">


<h1>GOD</h1><h1>FAMILY</h1><h1>DESIGN</h1>
<font color="950000" size="5"><p>WEB DEVELOPMENT &amp; DESIGN</p></font>
</div>
</div>

如果您需要更多信息，请与我们联系。

Answer 1

首先，不需要2个不同版本的jQuery

<强> HTML：

<div id="container"></div>

<强> JS：

var container = $("#container")
// Shuffle the container with custom text
container.shuffleLetters({
    "text": "DETERMINED!"   // Replace the text of element that you want
});

<强>请注意：

脚本排序非常重要。

最好在脚本之前添加css文件。

1）jQuery库
2）shuffleLetters js

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="JS/jquery.shuffleLetters.js"></script>

选中此选项以获得干净的JSFiddle1

这里有一个JSFiddle2连续洗牌。

jquery.shuffleLetters.js文件在html文件中不起作用

1 个答案: