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

document.write("      <div 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=123456789&amp;site=jiuyuen.siteconfirm.com&amp;menu=yes' target='_blank'><img src='http://wpa.qq.com/pa?p=1:123456789:4' border='0' alt='Customer service' /></a>        </span>        <a href='http://wpa.qq.com/msgrd?v=1&amp;uin=123456789&amp;site=jiuyuen.siteconfirm.com&amp;menu=yes' target='_blank'>Customer service</a>      </li>    ");

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

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

(function (jQuery) {

    jQuery.fn.qqFloat = function (options) {

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

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

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

        var tips = jQuery(this)[0];

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

        var old = theTop;

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

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

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

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

                showObj.show();
            });
            showObj.mouseleave(function () {
                jQuery(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();

        });
    };


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

})(jQuery);

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

    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"); });
        }
    });
})