change onload fade
This commit is contained in:
parent
0c5e61c678
commit
87cba1090c
2 changed files with 26 additions and 7 deletions
|
@ -1,7 +1,18 @@
|
||||||
$(function() {
|
$(function() {
|
||||||
|
|
||||||
var $body = $('body'),
|
var $body = $('body'),
|
||||||
$head = $('head'),
|
$div = $('<div>')
|
||||||
|
.css({
|
||||||
|
position: 'absolute',
|
||||||
|
left: 0,
|
||||||
|
top: 0,
|
||||||
|
right: 0,
|
||||||
|
bottom: 0,
|
||||||
|
background: 'rgb(240, 240, 240)',
|
||||||
|
opacity: 1,
|
||||||
|
zIndex: 1000
|
||||||
|
})
|
||||||
|
.appendTo($body),
|
||||||
css = {
|
css = {
|
||||||
position: 'absolute',
|
position: 'absolute',
|
||||||
left: 0,
|
left: 0,
|
||||||
|
@ -50,7 +61,7 @@ $(function() {
|
||||||
width: '32px',
|
width: '32px',
|
||||||
height: '32px'
|
height: '32px'
|
||||||
}))
|
}))
|
||||||
.appendTo($body),
|
.appendTo($div),
|
||||||
deg = 0,
|
deg = 0,
|
||||||
interval = setInterval(function() {
|
interval = setInterval(function() {
|
||||||
deg = (deg + 30) % 360;
|
deg = (deg + 30) % 360;
|
||||||
|
@ -85,7 +96,7 @@ $(function() {
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
function loaded() {
|
function loaded() {
|
||||||
var $div = $('<div>')
|
var $div_ = $('<div>')
|
||||||
.css($.extend(css, {
|
.css($.extend(css, {
|
||||||
width: (length * 72) + 'px',
|
width: (length * 72) + 'px',
|
||||||
height: '72px'
|
height: '72px'
|
||||||
|
@ -127,9 +138,9 @@ $(function() {
|
||||||
}, 250);
|
}, 250);
|
||||||
})
|
})
|
||||||
)
|
)
|
||||||
.appendTo($div);
|
.appendTo($div_);
|
||||||
});
|
});
|
||||||
$div.appendTo($body);
|
$div_.appendTo($div);
|
||||||
//throw new Error('User Agent not supported.');
|
//throw new Error('User Agent not supported.');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -216,10 +216,15 @@ requires
|
||||||
$.getJSON(self.options.config, function(data) {
|
$.getJSON(self.options.config, function(data) {
|
||||||
var config = data;
|
var config = data;
|
||||||
that.request(self.options.init, getUserData(), function(data) {
|
that.request(self.options.init, getUserData(), function(data) {
|
||||||
Ox.print('!!!', data)
|
|
||||||
var user = data.data.user;
|
var user = data.data.user;
|
||||||
$(function() {
|
$(function() {
|
||||||
$('body').empty();
|
var $div = $body.find('div');
|
||||||
|
$body.find('img').remove();
|
||||||
|
$div.animate({
|
||||||
|
opacity: 0
|
||||||
|
}, 1000, function() {
|
||||||
|
$div.remove();
|
||||||
|
});
|
||||||
callback({
|
callback({
|
||||||
config: config,
|
config: config,
|
||||||
user: user
|
user: user
|
||||||
|
@ -636,6 +641,9 @@ requires
|
||||||
|
|
||||||
Ox.Request = function() {
|
Ox.Request = function() {
|
||||||
|
|
||||||
|
// fixme: do we want, instead of request('find', data, callback),
|
||||||
|
// something like server.find(data, callback)?
|
||||||
|
|
||||||
var cache = {},
|
var cache = {},
|
||||||
pending = {},
|
pending = {},
|
||||||
requests = {},
|
requests = {},
|
||||||
|
|
Loading…
Reference in a new issue