", { "class": "gif-parachute" }),
img = $("
![]()
", { src: "/img/anime/b_img04.gif" });
gif.css({
left: $("#gif-helicopter").offset().left + 50,
top: 30
}).append(img).appendTo("body").drop();
};
$.fn.drop = function() {
var self = this;
$("img", this).animate({
top: $(document).height()
}, {
duration: $(document).height() * 10,
easing: "easeInCubic",
complete: function() {
$(this).remove();
}
});
};
// 初期化
$(window).resize(function() {
$(".mod-gifHeader").width($(this).width());
}).resize();
// 始動
$("#gif-helicopter").find("img").wiggle();
setTimeout(onHelicopter, 1500);
}
// フッターアニメ
function startFooter() {
var contentsWidth = 0;
// 初期化
$(window).resize(function() {
$(".mod-gifFooter").width($(this).width());
// アニメを止める位置とかける時間の基準値として使う
contentsWidth = ($(document).width() - $("#area-pole").width() - $("#area-container").width());
}).resize();
// 音楽隊
$("#gif-brassband").animate({
right: contentsWidth / 2
}, {
duration: contentsWidth * 50,
easing: "linear",
complete: function() {
$("img", this).data("stop", true);
}
}).find("img").wiggle({ volume: 1, speed: 200 });
// 戦車
$("#gif-tank").animate({
left: contentsWidth / 2
}, {
duration: contentsWidth * 75,
easing: "easeOutCirc",
complete: function() {
// $("img", this).data("stop", true);
}
}).find("img").wiggle({ volume: 1, speed: 100 });
}
// マガジンスクワット
function startSquat() {
var imgpath = "/img/anime/a_img06_",
imgext = ".gif",
i = 0,
speed = 800;
setTimeout(function() {
$("#gif-squat").find("img").attr("src", imgpath + (i ^= 1) + imgext);
$("#area-topMagazine").css("marginTop", i * 7);
setTimeout(arguments.callee, speed);
}, 200);
}
})(jQuery);
/**
* プラグイン（汎用）
*/
(function($) {
$.fn.extend({
// [gif] ふわふわ
wiggle: function(options) {
var config = $.extend({
speed: 500,
top: 0,
volume: 4
}, options),
self = this,
t = 0;
// 停止スイッチ
self.data("stop", false);
(function() {
if (self.data("stop")) {
return false;
}
self.animate({
top: (t ^= 1) * config.volume + config.top
}, {
duration: config.speed,
complete: arguments.callee
});
})();
return this;
},
// ページ内遷移
transfer: function(options) {
var config = {
speed: 1000,
easing: "swing"
},
self = this;
$.extend(config, options);
this.click(function(event) {
$("html, body").stop(true).animate({
scrollTop: 0
}, {
duration: config.speed,
easing: config.easing
});
event.preventDefault();
});
return this;
}
});
})(jQuery);
/**
* floater
*
* @category jQuery plugin
* @license http://www.opensource.org/licenses/mit-license.html MIT License
* @copyright 2010 RaNa design associates, inc.
* @author keisuke YAMAMOTO
* @link http://kaelab.ranadesign.com/
* @version 1.1.2
* @date Jun 10, 2011
*
* コンテンツをスクロールに追従させ、ドキュメントの上下に接着させるプラグイン。
*
* [オプション]
* marginTop: 上の余白
* marginBottom: 下の余白
* wait: 0～1(初期値 0.5)。0はナビが通り過ぎるまで待つ。1はナビの末端が出るとすぐ動きだす。
* speed: アニメーションにかける時間。
* easing: イージング
* fixed: trueでposition: fixedに切り替え。初期値はfalse。
*
*/
(function($) {
$.fn.extend({
floater: function(options) {
var config = {
marginTop: 0,
marginBottom: 0,
wait: 0.5, // 0-1
speed: 3000,
speedAccel: 1000, // 傾き。
speedBase: 4000, // 切片。
velocity: "variable", // or fixed
easing: "swing",
fixed: false,
down: function() {},
up: function() {},
suspended: function() {}
};
$.extend(config, options);
config.wait = $(this).outerHeight() - $(window).height() * config.wait;
config.marginTop = parseInt(config.marginTop, 10) || 0;
config.marginBottom = parseInt(config.marginBottom, 10) || 0;
$(this).each(function() {
var self = $(this),
y0 = $(window).scrollTop(); // 初期位置を基準座標として設定
if (config.fixed === true) {
self._fixed(config);
return true;
}
self.css("position", "absolute");
$(window).scroll(function() {
var y = $(window).scrollTop(), // 移動後の座標取得
w = $(window).height(),
d = $(document).height(),
h = self.outerHeight() + config.marginTop + config.marginBottom;
// 状態判定
y < y0 ? config.up() : config.down();
if (Math.abs(y - self.offset().top) < config.wait) {
return;
}
self.stop(true).animate({
top: (d - h) * y / (d - w) + config.marginTop
}, {
duration: config.speed,
easing: config.easing,
complete: config.suspended
});
// 基準座標を変更
y0 = y;
}).scroll();
});
return this;
},
_fixed: function(config) {
if ($.browser.msie && $.browser.version < 7) {
$(this).css("position", "absolute");
this[0].style.cssText = "top: expression(documentElement.scrollTop + " + config.marginTop + " + 'px')";
document.body.style.background = "url(null) fixed";
} else {
$(this).css("position", "fixed").css("top", config.marginTop);
}
}
});
})(jQuery);