jQuery演示9种不同的loading效果

jQuery演示9种不同的loading效果

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

淘建站为您提供更多_其它特效_jQuery插件_加载_circle,在此特别感谢您对我们的支持与厚爱!

查看演示

演示不了,点击反馈

加入收藏

下载 301 次

打赏作者

觉得不错,可打赏下作者

下载资源

免费共享

特别说明:本站资源来自网友发布分享,仅供学习与参考,请勿用于商业用途,若有侵权请联系删除(272966172@qq.com)。

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’, ”] -

声明:本资料由淘建站会员提供,如转载注明来源,资料来源淘建站免费素材库:https://www.taojz.cn/texiao/193.html
jQuery演示9种不同的loading效果 希望对你有帮助,感谢您的支持!
  • html5手机瀑布流图片加载效果

    html5手机瀑布流图片加载效果

  • html5 css3打造自适应屏幕自动加载瀑布流

    html5 css3打造自适应屏幕自动加载瀑布流

  • win8 Metro风格界面的html5瀑布流布局无限加载代码

    win8 Metro风格界面的html5瀑布流布局无限加载代码

  • 响应式jquery瀑布流结合图片延迟加载特效

    响应式jquery瀑布流结合图片延迟加载特效

  • 手机导航列表页面瀑布流图片无限加载代码

    手机导航列表页面瀑布流图片无限加载代码

  • 简单的jquery图片列表瀑布流布局代码没有无限加载功能

    简单的jquery图片列表瀑布流布局代码没有无限加载功能

  • jquery简单的瀑布流布局点击无限加载效果代码

    jquery简单的瀑布流布局点击无限加载效果代码

  • jquery仿百度相册瀑布流图片无限加载效果代码

    jquery仿百度相册瀑布流图片无限加载效果代码

  • jquery响应式网站瀑布流布局带图片延迟无限滚动加载效果

    jquery响应式网站瀑布流布局带图片延迟无限滚动加载效果

  • jquery网页响应式瀑布流布局_自适应全屏瀑布流页面无限加载图...

    jquery网页响应式瀑布流布局_自适应全屏瀑布流页面无限加载图...

  • modernizr html5图片预加载瀑布流布局鼠标悬停动画效果

    modernizr html5图片预加载瀑布流布局鼠标悬停动画效果

  • loading加载

    loading加载

  • 留言(0)
    头像
     阿里云限量代金券,戳我领取
    1 2