You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
47 lines
959 B
JavaScript
47 lines
959 B
JavaScript
2 years ago
|
|
||
|
|
// Cloud Float...
|
||
|
|
var $main = $cloud = mainwidth = null;
|
||
|
|
var offset1 = 450;
|
||
|
|
var offset2 = 0;
|
||
|
|
|
||
|
|
var offsetbg = 0;
|
||
|
|
|
||
|
|
$(document).ready(
|
||
|
|
function () {
|
||
|
|
$main = $("#mainBody");
|
||
|
|
$body = $("body");
|
||
|
|
$cloud1 = $("#cloud1");
|
||
|
|
$cloud2 = $("#cloud2");
|
||
|
|
|
||
|
|
mainwidth = $main.outerWidth();
|
||
|
|
|
||
|
|
}
|
||
|
|
);
|
||
|
|
|
||
|
|
/// 飘动
|
||
|
|
setInterval(function flutter() {
|
||
|
|
if (offset1 >= mainwidth) {
|
||
|
|
offset1 = -580;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (offset2 >= mainwidth) {
|
||
|
|
offset2 = -580;
|
||
|
|
}
|
||
|
|
|
||
|
|
offset1 += 1.1;
|
||
|
|
offset2 += 1;
|
||
|
|
$cloud1.css("background-position", offset1 + "px 100px")
|
||
|
|
|
||
|
|
$cloud2.css("background-position", offset2 + "px 460px")
|
||
|
|
}, 70);
|
||
|
|
|
||
|
|
|
||
|
|
setInterval(function bg() {
|
||
|
|
if (offsetbg >= mainwidth) {
|
||
|
|
offsetbg = -580;
|
||
|
|
}
|
||
|
|
|
||
|
|
offsetbg += 0.9;
|
||
|
|
$body.css("background-position", -offsetbg + "px 0")
|
||
|
|
}, 90 );
|
||
|
|
|