function stfloatmenu(id) {
    var ctx = $('#' + id);

    ctx.find('.mitem').each(function (i, eleaitem) {

        var itv = null;
        var openedmenu = null;
        var clearstop = function () {
            cleartimeout(itv);
        };
        var doclosemenu = function () {
            if (null != openedmenu) {
                clearstop();
                itv = settimeout(function () {
                    $(openedmenu).stop().css('display', 'none');
                }, 100);
            }
        };

        $(eleaitem).mouseover(function () {
            var popmenu = $(this).parent().find('.popmenu');
            if (popmenu && popmenu.length > 0) {
                openedmenu = $(popmenu).first();
                var w = 100 * openedmenu.find('.menubox').length;
                openedmenu.css({ 'width': w, 'display': '', 'opacity': 0 }).animate({ 'opacity': 1 });
            }
        });

        $(eleaitem).parent().find('.menubox').first().mouseleave(function () {
            doclosemenu();
        });

        $(eleaitem).mouseout(function () {
            doclosemenu();
        });
        $(eleaitem).parent().find('.menubox li').each(function (i, obj) {
            $(obj).mouseenter(function () {
                clearstop();
                $(this).stop();
                $(this).data('', '');
                //如果li里为空则无背景颜色 by tl
                if ($(this).html() != '') {
                    $(this).animate({ 'backgroundcolor': '#856244' }, 300);
                }
            }).mouseleave(function () {
                doclosemenu();
                $(this).animate({ 'backgroundcolor': '#fdebd3' }, 300);
            });
        });
    });
};

$(function () {
    var o = document.getelementbyid('dfloatmenu');
    if (o) {
        new stfloatmenu('dfloatmenu');
    }
});