gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-03 18:37:52 24 4
gpt4 key购买 nike

以下是我用来使 jquery 工作的 html 代码。我希望我页面上的短语随机播放,然后作为所需的单词休息。例如,单词“DETERMINED”以积极移动的字母乱序出现,然后以 DETERMINED 停止。 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>

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

最佳答案

首先,不需要 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) 随机播放字母 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连续洗牌。

关于javascript - jquery.shuffleLetters.js 文件在 html 文件中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18283937/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com