注册    登录
最新消息: 本以为花钱买了那个amh的板面可以让网站更稳定,结果搞得整 个网站运行出错,真是赔了夫人又折兵,对不起大家了。最新版jquery-2.1.1下载  ,在线的 jquery API使用手册, 稳定版jquery.mobile-1.3.2下载

jQuery多样式加载动画插件shCircleLoader

动画 fishcity 4943浏览

jQuery多样式加载动画插件shCircleLoader

shCircleLoader是一个非常棒的jQuery加载动画插件,它可轻松的集成到web应用中,帮助web开发人员快速创建各种加载动画

特点:

多种动画参数选择

通常不需要包括CSS文件,但是你可以从脚本关闭CSS样式,进行自定义。

CSS“名称空间”允许您创建不同的加载动画在同一页

自定义CSS关键帧animtion声明

加载进程在画动中央显示

需求:

shCircleLoader 只有jquery 1.10.3 和 2.0.3上测试过,不过其它版本应该也可以使用。

需要现代浏览器的CSS3的动画支持,在Opera上有点小问题

使用方法

在head区引入核心文件

<script src="http://code.jquery.com/jquery-2.0.3.min.js" type="text/javascript"></script>
<script src="/your/path/to/jquery.shCircleLoader-min.js" type="text/javascript"></script>

创建一个动画,首先你必须把< div >标记添加到你需要显示的位置,并加上适当的宽度和高度。

<div id="loader" style="width: 100px; height: 100px"></div>

当动画播放时,使用shCircleLoader()函数创建一个div标记

$('#loader').shCircleLoader();

在动播正在播放时,可以显示一个加载进程在中心

$('#loader').shCircleLoader('progress', "50%");

第二个参数是你想要显示的字符串。您可以使用一个变量来代替。

动画已经停止时,你应该摧毁动画。

$('#loader').shCircleLoader('destroy');

选项

clockwise :Boolean型,定义动画的旋转方向

color:String型,点的颜色。如果使用“自动”项,颜色将从容器div的CSS属性中获取

dots:Integer型,点的数量

dotsRadius:Integer型,点的圆角。如果选择“自动”,该脚本将计算半径,所以点就不能被重叠。

duration:Float型,动画一个循环的持续时间,以秒为单位

externalCss:Boolean型,设为ture时,动画元素不接受任何CSS样式

keyframes:String型,定义点的动画

namespace:String型,CSS的命名空间

radius:Integer型,容器DIV的圆角

uaPrefixes:Array型,浏览器特定CSS前缀

转载请注明:jQ酷 » jQuery多样式加载动画插件shCircleLoader

下载地址:本站下载 | 百度云 | 官方下载
下载说明:
☉如果您发现本文件已经失效不能下载,请联系站长修正!
☉如果您下载的文件出现解压不了或文件受损等情况,请选择其他下载点重新下载。
☉下载本站资源,如果服务器暂不能下载请过一段时间重试!
☉有小部分资源需要解压密码,请输入:jqcool.net。
☉本站提供的所有资源仅供学习研究与参考,请勿用于商业用途。