请教面向对象（oo）的问题

function floatTip()
{
    var contents = $('.tipsContent'),
        titleA=$('.title a'),
        body=$('body');
    
    titleA.click(function(e){
        e.stopPropagation();

        contents.hide();                         
        titleA.removeClass("on");
        var htmlHidth=document.documentElement.clientHeight,
            scrollTop = document.body.scrollTop || document.documentElement.scrollTop,
            me = $(this),
            width = me.outerWidth(true),
            height = me.outerHeight(true),
            layer = me.parent().parent().find(contents),
            layerHeight=0,
            position = me.position();

        me.addClass('on');
        
        layer.css({
            display: 'block',
            visibility: 'hidden'
        });
        
        layerHeight=layer.outerHeight(true);
        
        if(((htmlHidth+scrollTop-position.top)-20)>layerHeight)
        {
            layer.css({
                "top": position.top - 5 + "px",
                "left": (position.left + width + 10) + "px",
                visibility: 'visible'
            });
        }
        else
        {
            layer.css({
                "top": position.top-layerHeight+height+5 + "px",
                "left": (position.left + width+10) + "px",
                visibility: 'visible'
            });
        }        
    });    
    
    body.click(function(){         
            contents.hide();
            titleA.removeClass('on');
        });    
    contents.click(function(e)
    {
        e.stopPropagation();
    })
}