JQuery div降低了对onload的影响

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调用?如果不可能的话,我不想为了让它发挥作用而糊涂.

谢谢.