圆形进度条倒计时(原创)

所属分类:UI,输入-加载,日期和时间

 2308  18  查看评论 (1)
圆形进度条倒计时(原创) ie兼容8

更新时间:2018/6/14 下午5:16:45

更新说明:修改css兼容safari浏览器


使用方法

引用jQuery库和/jquery.tzineClock.js

<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="time/jquery.tzineClock.js"></script>

hmtl

<div  data-time="2018-06-01 14:59:00" data-type="time" id="fancyClock1"></div>
<div  data-time="2019-09-24 12:12:12" data-type="dayTime" id="fancyClock"></div>

js

$('#fancyClock').tzineClock({
    // 圆的类名并且是当前圆圈的颜色图
    colors: ['circle1', 'circle2', 'circle3', 'circle4'],
    //圆内显示的文本
    words: ['Days', 'Hours', 'Minutes', 'Seconds'],
});
相关插件-加载,日期和时间

11种Loading 动态效果+随机样式

css实现动态loading 效果
  加载
 26272  158

jquery 实现流程进度显示

基于jQuery实现的流程进度显示,可应用于网络订单状态查看,用户注册状态查看等
  加载
 25557  217

8种fakeloader页面加载效果代码

8种fakeloader页面加载效果代码,支持7种效果和自定义图片,兼容主流浏览器,推荐下载!
  加载
 27221  211

jquery图片延迟加载

不有添加多余的属性值,直接设src属性值就ok。
  加载
 16365  89

讨论这个项目(1)回答他人问题或分享插件使用方法奖励jQ币

    天晴了 0
    2018/6/3 17:25:46
取消回复