用于旋转注释的Javascript代码。不知道怎么问
一段时间以来,我一直在尝试做一些类似于这个投资组合的标题的事情。通过单击箭头,可以在同一行上获得不同的备注。它也不会刷新任何整洁的东西。我只是不知道该如何表达这个问题。我终于找到了这个例子。有人能帮我处理JS或jQuery代码吗?很抱歉,如果在我尝试用这么多不同的方式表达之前,这个问题已经得到了回答,但似乎找不到答案 轻松模式! 设置一些html用于旋转注释的Javascript代码。不知道怎么问,javascript,jquery,html,Javascript,Jquery,Html,一段时间以来,我一直在尝试做一些类似于这个投资组合的标题的事情。通过单击箭头,可以在同一行上获得不同的备注。它也不会刷新任何整洁的东西。我只是不知道该如何表达这个问题。我终于找到了这个例子。有人能帮我处理JS或jQuery代码吗?很抱歉,如果在我尝试用这么多不同的方式表达之前,这个问题已经得到了回答,但似乎找不到答案 轻松模式! 设置一些html <p> I'm a <span id="remark">Panda</span> bear. &l
<p>
I'm a <span id="remark">Panda</span> bear.
<button id="nextRemark">refresh</button>
<img src="http://i.imgur.com/cFadsAE.gif" id="spinner"/>
<p>
它没有花哨的动画或多余的延迟,但这就是它的要点。隐藏在链接后面的代码不是正确的提问方式。请在您的问题中发布该代码的相关部分。您应该首先尝试自己复制它,如果您对所编写的代码有特定问题,请在此处发布问题。请查看上述网站上的scripts.js文件。显然,这不是我的网站。第二,我确实看过JS代码,但由于我对JS和jQuery还是相当陌生,所以我无法挑出专门用于更新文本的部分和用于微调器动画的部分。我认为他实际上是旋转箭头的忠实粉丝,不仅仅是文本的更新,但我可能错了;-)在那里,我添加了愚蠢的微调器。实际上,我更喜欢更新文本,而不是微调器动画。但两个看起来都很棒谢谢!我在挑选他的script.js中用于文本更新和spinner动画的部分时遇到了困难,因为我对js和jQuery还是相当陌生的。编辑:我知道评论显示了一个结束,另一个开始,但这对我来说不起作用,所以我认为我得到了错误的代码。如果你不想看到微调器代码,请查看我的文章。
$(function(){
var remarks = ["Koala", "Kangaroo", "Circus", "Grizzly"],
spinner = $("#spinner"),
delay = 1000;
$("#nextRemark").click(function(event) {
var button = $(this);
// display spinner, hide button
spinner.show();
button.hide();
setTimeout(function() {
var r;
// display remark
if (r = remarks.pop()) {
$("#remark").text(r);
}
// no more remarks
else {
$("#remark").text("dead");
button.remove();
}
// hide spinner, show button
spinner.hide();
button.show();
}, delay);
event.preventDefault();
});
});