loading页面加载用
来源:互联网 发布:淘宝为什么不能买彩票 编辑:程序博客网 时间:2024/05/22 12:08
startSpin: function(){
// 开始loding动画
var opts = {
lines: 13, // The number of lines to draw
length: 20, // The length of each line
width: 10, // The line thickness
radius: 30, // The radius of the inner circle
corners: 1, // Corner roundness (0..1)
rotate: 0, // The rotation offset
direction: 1, // 1: clockwise, -1: counterclockwise
color: '#000', // #rgb or #rrggbb or array of colors
speed: 1, // Rounds per second
trail: 60, // Afterglow percentage
shadow: false, // Whether to render a shadow
hwaccel: false, // Whether to use hardware acceleration
className: 'spinner', // The CSS class to assign to the spinner
zIndex: 2e9, // The z-index (defaults to 2000000000)
top: '50%', // Top position relative to parent
left: '50%' // Left position relative to parent
};
if ($('#spinDiv').length > 0) {
$('#spinDiv').spin(opts);
} else {
$('<div id="spinDiv" style="position: absolute; left: 50%; top: 50%;color: #fff; float: left; width: 128px; height: 128px;margin: -64px auto auto -64px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;"></div>').appendTo($(document.body));
$('#spinDiv').spin(opts);
}
},
stopSpin: function() {
// 关闭loding动画
$('#spinDiv').spin(false);
}
// 开始loding动画
var opts = {
lines: 13, // The number of lines to draw
length: 20, // The length of each line
width: 10, // The line thickness
radius: 30, // The radius of the inner circle
corners: 1, // Corner roundness (0..1)
rotate: 0, // The rotation offset
direction: 1, // 1: clockwise, -1: counterclockwise
color: '#000', // #rgb or #rrggbb or array of colors
speed: 1, // Rounds per second
trail: 60, // Afterglow percentage
shadow: false, // Whether to render a shadow
hwaccel: false, // Whether to use hardware acceleration
className: 'spinner', // The CSS class to assign to the spinner
zIndex: 2e9, // The z-index (defaults to 2000000000)
top: '50%', // Top position relative to parent
left: '50%' // Left position relative to parent
};
if ($('#spinDiv').length > 0) {
$('#spinDiv').spin(opts);
} else {
$('<div id="spinDiv" style="position: absolute; left: 50%; top: 50%;color: #fff; float: left; width: 128px; height: 128px;margin: -64px auto auto -64px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;"></div>').appendTo($(document.body));
$('#spinDiv').spin(opts);
}
},
stopSpin: function() {
// 关闭loding动画
$('#spinDiv').spin(false);
}
0 0
- loading页面加载用
- 页面加载loading....(2)
- 页面加载Loading
- 页面加载时loading效果
- 很实用的页面加载LOADING效果
- 页面 加载时候 弹出 loading.gif 代码
- jquery制作登陆loading加载页面效果
- 基于javascript实现页面加载loading动画
- 页面还未加载完成显示loading
- 实现一个loading加载页面的加载效果
- 加载loading
- loading加载
- 页面loading
- Loading页面
- HTML页面加载和请求发送时LOADING动画
- 页面局部加载,适合Ajax Loading场景(Demo整理)
- jquery实现进度条无百分比动画loading页面加载特效
- 高效抽取loading,再多的加载页面也不怕
- Android ListView不响应OnItemClickListener解决办法
- 【learning opencv】01.图像的显示(C++版本)
- 提升移动设备响应式设计的8个建议
- Android杂谈--打开文件的Intent及使用
- 假分数样式标注
- loading页面加载用
- NSStirng临时对象
- Algorithm Gossip: 阿姆斯壮数
- java定时任务处理方法
- iOS中如何避免图像解压缩的时间开销
- 9.3、Libgdx手势检测
- 从运行原理及使用场景看Apache和Nginx
- extern "C" C和C++混合编程问题
- POJ 1260-Pearls(dp)