最新赞助活动温馨提示:自愿赞助服务器费用,学生和没有工作的整站资源免费下载!
头像

jQuery演示9种不同的loading效果

来源:http://www.erdangjiade.com/ 沐浴春风 2015-06-14 07:14浏览(1661)

shCircleLoader 是一个基于 jQuery 的插件,它能够很方便快速的制作 Loading 效果。该 Loading 效果由多个 div 组成,没有任何图片。shCircleLoader 还提供了众多属性,你可以根据这些属性自定义出各种各样的 Loading 效果。

0、请不要问“在不在”之类的问题,有问题直接问!1、学生或暂时没有工作的童鞋,整站资源免费下载!2、¥9.9充值终身VIP会员,加我微信,826096331 拉你进VIP群学习!3、程序员加油,技术改变世界。在线 充值

jQuery演示9种不同的loading效果
分类:其它特效 > jQuery插件 难易:初级
查看演示

加我微信,拉你进VIP群学习:

下载资源 下载积分: 30 积分

shCircleLoader特点:

  • 通常不需要包括CSS文件,但是你可以从脚本关闭CSS样式,进行自定义。
  • CSS“名称空间”允许您创建不同的加载动画在同一页
  • 自定义CSS关键帧animtion声明
  • 加载进程在画动中央显示

HTML

<div class="loading"></div>

jQuery

$('.loading').shCircleLoader({
    //options
});
参数 描述 默认值
namespace 命名空间,添加一个 class 名称 shcl
radius Loading 的圆角弧度,默认值为 auto,将根据选择器的宽高自动计算 auto
dotsRadius 圆点圆角弧度 auto
color 圆点颜色,默认为 auto,将从选择器中获取 auto
dots 圆点的个数 12
duration 每个圆点的动画时间,单位为秒 1
clockwise 顺时针旋转 false
externalCss 使用外部的 CSS,即不使用插件本身的 CSS false
keyframes 自动 CSS3 动画效果,默认值为 0%{{prefix}transform:scale(1)}80%{{prefix}transform:scale(.3)}100%{{prefix}transform:scale(1)} -
uaPrefixes 前缀,用于兼容各种浏览器,默认值为 [‘o’, ‘ms’, ‘webkit’, ‘moz’, ”] -
声明:本文为原创文章,如需转载,请注明来源erdangjiade.com并保留原文链接:https://www.erdangjiade.com/js/193.html
评论1
头像

友情提示:垃圾评论一律封号 加我微信:826096331拉你进VIP群学习群

  • 头像 沙发
    08-29 08:26
    ngu137
    积分要的有点多哦111
1 2