插件二之页面加载进度条pace.js
2024-03-21 22:31:46
关于pace.js
pace.js包含14样式,每种样式可以自定义颜色,官方下载中提供了几种颜色的主题,使用方式也很简单,引入pace的js文件跟所需样式文件即可
<link rel="stylesheet" href="../themes/pace-theme-center-circle.css" />
<script src="../pace.js"></script>
各样式ie下兼容要求
<!-- <link rel="stylesheet" href="../themes/pace-theme-barber-shop.css" />
barber条状ie8+ -->
<!-- <link rel="stylesheet" href="../themes/pace-theme-big-counter.css" />
数字型ie9+ -->
<!-- <link rel="stylesheet" href="../themes/pace-theme-bounce.css" />
落地球ie10+ -->
<!-- <link rel="stylesheet" href="../themes/pace-theme-center-atom.css" />
花型ie10+ -->
<!-- <link rel="stylesheet" href="../themes/pace-theme-center-circle.css" />
翻转型ie10+ -->
<!-- <link rel="stylesheet" href="../themes/pace-theme-center-radar.css" />
雷达型ie10+ -->
<!-- <link rel="stylesheet" href="../themes/pace-theme-center-simple.css" />
中间条状ie8+ -->
<!-- <link rel="stylesheet" href="../themes/pace-theme-corner-indicator.css" />
右上角旋转圈ie10+ -->
<!-- <link rel="stylesheet" href="../themes/pace-theme-fill-left.css" />
全屏幔布ie9+ -->
<!-- <link rel="stylesheet" href="../themes/pace-theme-flash.css" />
条状+转圈ie10+ -->
<!-- <link rel="stylesheet" href="../themes/pace-theme-flat-top.css" />
头部扁平条ie8+ -->
<!-- <link rel="stylesheet" href="../themes/pace-theme-loading-bar.css" />
中间条状+数字百分比ie8+ -->
<!-- <link rel="stylesheet" href="../themes/pace-theme-mac-osx.css" />
头部动态mac-osx条ie10+ -->
<!-- <link rel="stylesheet" href="../themes/pace-theme-minimal.css" />
头部小号条状 -->
其他
更多详情参考:
http://www.danqingyu.com/145.html
最新文章
- Jquery 系列（1） 基本认识
- Pycharm快捷方式
- 转：MVC单表多按钮提交
- Java基础の第一弹
- iOS 推送全解析
- webServices 执行流程，（我是菜鸟，我怕谁，仅代表个人理解，欢迎各位大神们指导，不和您的胃口，请默默离开！！）
- codevs2822 爱在心中
- Redis学习-发布/订阅
- Python中使用rrdtool结合Django进行带宽监控
- 用系统为centos6的主机，搭建PXE服务器，实现批量安装centos6,7系统
- citrix外企，鸡鸣寺，玄武湖环跑，七牛云笔试
- day7-基础函数的学习（二）
- VFS 上传文件到sftp 报错 包含中文路径 或者中文文件名称
- java mybatis后台判断表是否存在mysql
- 使用python调用email模块发送邮件附件
- canvas与webgl坐标转换
- 深度理解select、poll和epoll
- S5PV210 LCD显示
- 日期函数、时间函数总结（MySQL 5.X）
- [Python 多线程] Timer定时器/延迟执行、Event事件 (七)