Menu chính

Bài viết mới nhất

  • Máy tính mình có hiện tượng không cho xóa file,...
  • " Nhận thông báo email qua tin nhắn SMS miễn phí "...
  • " Dạy học theo chủ đề "...
  • Chào thấy, thầy cho tôi hỏi thầy có code nào...
  • " Kinh nghiệm dạy học "...
  • Đưa nhạc vào blog theo phong cách của bạn...
  • " HƯỚNG DẪN XÂY DỰNG BẢNG HỎI - PHIẾU KHẢO SÁT...
  • Hướng dẫn cài đặt Adobe Presenter 9.0 full...
  • " Giám sát thời gian hoạt động website qua SMS "...
  • Bài toán 3/ Cho p là số nguyên tố lớn...
  • Bài toán 2/ Tìm số tự nhiên có hai chữ...
  • Bài toán: 1/ Tìm số tự nhiên abc có ba...
  • " Hướng dẫn download tài liệu từ Docstoc.com miễn phí "...
  • TVM XIN CHÀO!...

    • Hỗ trợ trực tuyến

    • (Bùi Trọng Bằng)

    Thống kê

  • truy cập   (chi tiết)
    trong hôm nay
  • lượt xem
    trong hôm nay
  • thành viên

    • Thành viên trực tuyến

    1 khách và 0 thành viên

    DANH NGÔN MỖI NGÀY

    Gốc > Code cho Blog và Web >

    Code quảng cáo chạy pro-ấn tượng

    Hôm nay Thủ thuật blog Violet post tặng các bạn một code quảng cáo chạy dọc blog pro rất ấn tượng

    Demo tại đây

    Code

    <div id="float" style="
        position:absolute;
        width:200px;height:50px;left:0px;top:0px;
        padding:16px;background:#FFFFFF;
        border:2px solid #2266AA">
    Ảnh hoặc nội dung quảng cáo tại đây</div>
    <script type="text/javascript"><!--
    var floatingMenuId = 'floatdiv';
    var floatingMenu =
    {
        targetX: -250,
        targetY: 10,

        hasInner: typeof(window.innerWidth) == 'number',
        hasElement: typeof(document.documentElement) == 'object'
            && typeof(document.documentElement.clientWidth) == 'number',

        menu:
            document.getElementById
            ? document.getElementById(floatingMenuId)
            : document.all
              ? document.all[floatingMenuId]
              : document.layers[floatingMenuId]
    };

    floatingMenu.move = function ()
    {
        floatingMenu.menu.style.left = floatingMenu.nextX + 'px';
        floatingMenu.menu.style.top = floatingMenu.nextY + 'px';
    }

    floatingMenu.computeShifts = function ()
    {
        var de = document.documentElement;

        floatingMenu.shiftX = 
            floatingMenu.hasInner 
            ? pageXOffset 
            : floatingMenu.hasElement 
              ? de.scrollLeft 
              : document.body.scrollLeft; 
        if (floatingMenu.targetX < 0)
        {
            floatingMenu.shiftX +=
                floatingMenu.hasElement
                ? de.clientWidth
                : document.body.clientWidth;
        }

        floatingMenu.shiftY =
            floatingMenu.hasInner
            ? pageYOffset
            : floatingMenu.hasElement
              ? de.scrollTop
              : document.body.scrollTop;
        if (floatingMenu.targetY < 0)
        {
            if (floatingMenu.hasElement && floatingMenu.hasInner)
            {
                // Handle Opera 8 problems
                floatingMenu.shiftY +=
                    de.clientHeight > window.innerHeight
                    ? window.innerHeight
                    : de.clientHeight
            }
            else
            {
                floatingMenu.shiftY +=
                    floatingMenu.hasElement
                    ? de.clientHeight
                    : document.body.clientHeight;
            }
        }
    }

    floatingMenu.calculateCornerX = function()
    {
        if (floatingMenu.targetX != 'center')
            return floatingMenu.shiftX + floatingMenu.targetX;

        var width = parseInt(floatingMenu.menu.offsetWidth);

        var cornerX =
            floatingMenu.hasElement
            ? (floatingMenu.hasInner
               ? pageXOffset
               : document.documentElement.scrollLeft) +
              (document.documentElement.clientWidth - width)/2
            : document.body.scrollLeft +
              (document.body.clientWidth - width)/2;
        return cornerX;
    };

    floatingMenu.calculateCornerY = function()
    {
        if (floatingMenu.targetY != 'center')
            return floatingMenu.shiftY + floatingMenu.targetY;

        var height = parseInt(floatingMenu.menu.offsetHeight);

        // Handle Opera 8 problems
        var clientHeight =
            floatingMenu.hasElement && floatingMenu.hasInner
            && document.documentElement.clientHeight
                > window.innerHeight
            ? window.innerHeight
            : document.documentElement.clientHeight

        var cornerY =
            floatingMenu.hasElement
            ? (floatingMenu.hasInner 
               ? pageYOffset
               : document.documentElement.scrollTop) +
              (clientHeight - height)/2
            : document.body.scrollTop +
              (document.body.clientHeight - height)/2;
        return cornerY;
    };

    floatingMenu.doFloat = function()
    {
        // Check if reference to menu was lost due
        // to ajax manipuations
        if (!floatingMenu.menu)
        {
            menu = document.getElementById
                ? document.getElementById(floatingMenuId)
                : document.all
                  ? document.all[floatingMenuId]
                  : document.layers[floatingMenuId];

            initSecondary();
        }

        var stepX, stepY;

        floatingMenu.computeShifts();

        var cornerX = floatingMenu.calculateCornerX();

        var stepX = (cornerX - floatingMenu.nextX) * .07;
        if (Math.abs(stepX) < .5)
        {
            stepX = cornerX - floatingMenu.nextX;
        }

        var cornerY = floatingMenu.calculateCornerY();

        var stepY = (cornerY - floatingMenu.nextY) * .07;
        if (Math.abs(stepY) < .5)
        {
            stepY = cornerY - floatingMenu.nextY;
        }

        if (Math.abs(stepX) > 0 ||
            Math.abs(stepY) > 0)
        {
            floatingMenu.nextX += stepX;
            floatingMenu.nextY += stepY;
            floatingMenu.move();
        }

        setTimeout('floatingMenu.doFloat()', 20);
    };

    // addEvent designed by Aaron Moore
    floatingMenu.addEvent = function(element, listener, handler)
    {
        if(typeof element[listener] != 'function' ||
           typeof element[listener + '_num'] == 'undefined')
        {
            element[listener + '_num'] = 0;
            if (typeof element[listener] == 'function')
            {
                element[listener + 0] = element[listener];
                element[listener + '_num']++;
            }
            element[listener] = function(e)
            {
                var r = true;
                e = (e) ? e : window.event;
                for(var i = element[listener + '_num'] -1; i >= 0; i--)
                {
                    if(element[listener + i](e) == false)
                        r = false;
                }
                return r;
            }
        }

        //if handler is not already stored, assign it
        for(var i = 0; i < element[listener + '_num']; i++)
            if(element[listener + i] == handler)
                return;
        element[listener + element[listener + '_num']] = handler;
        element[listener + '_num']++;
    };

    floatingMenu.init = function()
    {
        floatingMenu.initSecondary();
        floatingMenu.doFloat();
    };

    // Some browsers init scrollbars only after
    // full document load.
    floatingMenu.initSecondary = function()
    {
        floatingMenu.computeShifts();
        floatingMenu.nextX = floatingMenu.calculateCornerX();
        floatingMenu.nextY = floatingMenu.calculateCornerY();
        floatingMenu.move();
    }

    if (document.layers)
        floatingMenu.addEvent(window, 'onload', floatingMenu.init);
    else
    {
        floatingMenu.init();
        floatingMenu.addEvent(window, 'onload',
            floatingMenu.initSecondary);
    }

    //--></script>

     HD:Các bạn cho code trên vào thêm khối chính hoặc khối chức năng đều được

    Chúc các bạn thành công

    Thủ thuật blog Violet

    Nhắn tin cho tác giả
    Cao Bằng @ 19:57 18/01/2010
    Số lượt xem: 2669
    Số lượt thích: 0 người
    Avatar

    Code quảng cáo chạy pro-ấn tượng

    Cao Bằng @ 08h:39p 09/02/10
     
    Gửi ý kiến