我一直在使用 Raptorize Jquery 插件，想知道是否有人知道如何偏移图像，以便它离开页面开始并移动。（我不知道如何使用 Javascript）
希望你能帮忙
(function($) {
$.fn.raptorize = function(options) {
//Yo' defaults
var defaults = {
enterOn: 'click', //timer, konami-code, click
delayTime: 5000 //time before raptor attacks on timer mode
};
//Extend those options
var options = $.extend(defaults, options);
return this.each(function() {
var _this = $(this);
var audioSupported = false;
//Stupid Browser Checking which should be in jQuery Support
if ($.browser.mozilla && $.browser.version.substr(0, 5) >= "1.9.2" || $.browser.webkit) {
audioSupported = true;
}
//Raptor Vars
var raptorImageMarkup = '<img id="elRaptor" style="display: none" src="raptor.png" />'
var raptorAudioMarkup = '<audio id="elRaptorShriek" preload="auto"><source src="raptor-sound.mp3" /><source src="raptor-sound.ogg" /></audio>';
var locked = false;
//Append Raptor and Style
$('body').append(raptorImageMarkup);
if(audioSupported) { $('body').append(raptorAudioMarkup); }
var raptor = $('#elRaptor').css({
"position":"fixed",
"bottom": "0px",
"right" : "0",
"display" : "block"
})
// Animating Code
function init() {
locked = true;
//Sound Hilarity
if(audioSupported) {
function playSound() {
document.getElementById('elRaptorShriek').play();
}
playSound();
}
// Movement Hilarity
raptor.animate({
"bottom" : "0"
}, function() {
$(this).animate({
"bottom" : "0px"
}, 100, function() {
var offset = (($(this).position().left)+600);
$(this).delay(300).animate({
"right" : offset
}, 2300, function() {
raptor = $('#elRaptor').css({
"bottom": "-700px",
"right" : "300"
})
locked = false;
})
});
});
}
//Determine Entrance
if(options.enterOn == 'timer') {
setTimeout(init, options.delayTime);
} else if(options.enterOn == 'click') {
_this.bind('click', function(e) {
e.preventDefault();
if(!locked) {
init();
}
})
} else if(options.enterOn == 'konami-code'){
var kkeys = [], konami = "38,38,40,40,37,39,37,39,66,65";
$(window).bind("keydown.raptorz", function(e){
kkeys.push( e.keyCode );
if ( kkeys.toString().indexOf( konami ) >= 0 ) {
init();
$(window).unbind('keydown.raptorz');
}
}, true);
}
});//each call
}//orbit plugin call
})(jQuery);