document.write("<link href='/QQ/Style1/css/style.css' rel='stylesheet' type='text/css' />");

document.write("      <section id='floatbox'>        <div class='content-box'>            <div class='qq-top'>            </div>            <div class='qq-center'>    ");

document.write("      <h3>Shanghai</h3>      <ul>    ");

document.write("      <li>        <span>          <a href='http://wpa.qq.com/msgrd?v=1&amp;uin=1205825626&amp;site=1904suolegangsheng.siteconfirm.com&amp;menu=yes' target='_blank'><img src='http://wpa.qq.com/pa?p=1:1205825626:4' border='0' alt='Service' /></a>        </span>        <a href='http://wpa.qq.com/msgrd?v=1&amp;uin=1205825626&amp;site=1904suolegangsheng.siteconfirm.com&amp;menu=yes' target='_blank'>Service</a>      </li>    ");

document.write("      </ul>    ");

document.write("            </div>            <div class='qq-bottom'></div>        </div>        <div class='QQ_close'>        </div>    </section>    ");

(function($) {

    $.fn.qqFloat = function(options) {

        var opts = $.extend({}, $.fn.qqFloat.defaults, options);

        var hiddenObj = $(opts.hiddenObj, $(this));

        var showObj = $(opts.showObj, $(this));

        var tips = $(this)[0];

        var theTop = parseInt(opts.defaultY)/*����Ĭ�ϸ߶�,Խ��Խ����*/;

        var old = theTop;

        $(this).css("top", parseInt(opts.defaultY));

        $(this).css(opts.leftOrRight, parseInt(opts.defaultX));

        showObj.css(opts.leftOrRight, parseInt(opts.defaultX));

        return this.each(function() {
            hiddenObj.mouseenter(function() {
                $(this).hide();

                showObj.show();
            });
            showObj.mouseleave(function() {
                $(this).hide();

                hiddenObj.show();
            });
            function moveTips() {
                var tt = 50;

                if (window.innerHeight) {
                    pos = window.pageYOffset;
                }
                else if (document.documentElement && document.documentElement.scrollTop) {

                    pos = document.documentElement.scrollTop;
                }
                else if (document.body) {

                    pos = document.body.scrollTop;
                }

                pos = pos - tips.offsetTop + theTop;

                pos = tips.offsetTop + pos / 10;

                if (pos < theTop) pos = theTop;

                if (pos != old) {

                    tips.style.top = pos + "px";

                    tt = 10;
                }

                old = pos;

                setTimeout(moveTips, tt);
            }

            moveTips();

        });
    };


    $.fn.qqFloat.defaults = {
        hiddenObj: '.qqonline',
        showObj: '.qqInfo',
        defaultY: '100',
        defaultX: '0',
        leftOrRight: 'right'
    };

})(jQuery);

jQuery(document).ready(function() {
    jQuery("#floatbox").qqFloat({ leftOrRight: "right", defaultY: 150 });

    jQuery('.QQ_close').click(function() {
        var width = jQuery('.content-box').width();
        if (width == 0) {
            jQuery("#floatbox").css("width", "151px");
            jQuery('.content-box').animate({ width: 120 }, 500);
        } else {
            jQuery('.content-box').animate({ width: 0 }, 500, function() { jQuery("#floatbox").css("width", "31px"); });
        }
    });
jQuery('.QQ_close').click();
})