1

以下是我用来使 jquery 工作的 html 代码。我希望页面上的短语随机播放，然后作为所需的单词休息。例如，单词“DETERMINED”作为积极移动的字母的混乱出现，然后作为 DETERMINED 停止。我从这里得到了这个想法。

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

如果您需要更多信息，请告诉我。

4

1 回答 1

0

首先，不需要 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 。

于 2013-08-17T01:14:20.113 回答