Jam*_*son 5 html javascript jquery animation
我试图获得一个大的徽标(在我的网站的标题中)在负载下落入标题区域.所以这是我能找到的唯一符合这个想法的jquery函数.
http://jsfiddle.net/apHLu/279/
var $dropDiv = $('#dropDiv');
$('#holder a').on('click', function() {
// get position of the element we clicked on
var offset = $(this).offset();
// get width/height of click element
var h = $(this).outerHeight();
var w = $(this).outerWidth();
// get width/height of drop element
var dh = $dropDiv.outerHeight();
var dw = $dropDiv.outerWidth();
// determine middle position
var initLeft = offset.left + ((w/2) - (dw/2));
// animate drop
$dropDiv.css({
left: initLeft,
top: $(window).scrollTop() - dh,
opacity: 0,
display: 'block'
}).animate({
left: initLeft,
top: offset.top - dh,
opacity: 1
}, 300, 'easeOutBounce');
});
Run Code Online (Sandbox Code Playgroud)
我基本上想知道,是否可以将点击触发器切换到onload调用?如果不可能的话,我不想为了让它发挥作用而糊涂.
谢谢.