Javascript 如何使用spin.js代替动画gif

Javascript 如何使用spin.js代替动画gif,javascript,jquery,Javascript,Jquery,我只是想得到一些指导。我对JQuery非常陌生,所以它有点模糊。 但是,我有一个表单“处理”div,它显示表单何时提交 目前,我有一个带有动画gif的简单div,可以直观地显示它的发送 <div id="loading">Please wait, your news is being submitted... <img src="/-/images/addwalk-loader.gif"/> 请稍候,正在提交您的新闻。。。 理想情况下,我想用通过spin.js创建的

我只是想得到一些指导。我对JQuery非常陌生,所以它有点模糊。
但是,我有一个表单“处理”div,它显示表单何时提交

目前,我有一个带有动画gif的简单div,可以直观地显示它的发送

<div id="loading">Please wait, your news is being submitted...
<img src="/-/images/addwalk-loader.gif"/>
请稍候,正在提交您的新闻。。。

理想情况下,我想用通过spin.js创建的微调器替换动画gif,因为我知道一旦表单发送,动画gif不会继续在IE上进行动画


唯一的问题是,通过查看文档,我有点不确定如何实现它。任何指点都将不胜感激!谢谢

这真的很容易。对应该旋转的JQuery对象调用
.spin()
。如果希望停止,请调用
.spin(false)


我自己也用过。

如果你不想像Janus所说的那样旋转当前对象,你可以创建一个新的旋转器对象,然后将它放在页面上你想放的任何地方。要查看选项列表,请查看文档

例如:

var opts = {
   color: '#000'
   //etc etc
};
var spinner = new Spinner(opts).spin();
$("#loading").appendChild(spinner.el);

这里有一个可以使用的插件:

我发现了另一个插件,它有更多的自定义选项,并且易于集成。试一试:|

那么我会像调用jQuery一样调用脚本,然后将其添加到jQuery文件中吗?对不起,我可能听起来很没用,但我只是不太确定@我用一个实用的例子更新了答案。啊,太棒了!我现在没有时间去尝试,但我想我现在应该可以解决了。今晚一试,我就回信!谢谢谢谢你,这正是我所需要的!上面的例子应该是.append而不是.appendChild谢谢,我来看看!