function tips(elems) {
    var elem = $(elems),
    domtips = $('#tit-tips');
    if (!domtips[0]) {
        domtips = $('<div id="tit-tips"><span class="sangle"></span><div class="tips-c"></div></div>')
    }
    domtips.addClass('hidden');
    domtips.appendTo(document.body);
    elem.bind({
        "mouseenter": function() {
            var tp = $(this),
            t = tp.offset().top,
            l = tp.offset().left,
            i = tp.attr('i'),
            txt = tp.text(),
            str = '<img src="http://malayou.com/' + i + '"/>' + txt;
            domtips.find('.tips-c').html(str);
            var w = domtips.outerWidth(),
            h = domtips.outerHeight(),
            eh = tp.height();
            domtips.css({
                "left": l - w - 32 + 'px',
                "top": t - h / 2 + eh / 2 + 'px'
            });
            domtips.removeClass('hidden')
        },
        "mouseleave": function() {
            domtips.addClass('hidden')
        }
    })
}
