1. THÔNG BÁO TUYỂN ADMIN DIỄN ĐÀN 2013
    Tìm kiếm nhà trọ - Ở ghép
    THÔNG BÁO BÁN ÁO SPKT.NET CHO THÀNH VIÊN DIỄN ĐÀN


    HÃY TÌM KIẾM Ở ĐÂY TRƯỚC KHI ĐẶT CÂU HỎI
    {xen:phrase loading}

Javasrcipt quảng cáo chạy 2 bên trang web

Thảo luận trong 'Đồ Họa - Thết Kế' bắt đầu bởi congtruqn, 17 Tháng một 2013.

  1. congtruqn New Member

    Số bài viết: 3
    Đã được thích: 0
    Điểm thành tích: 0
    [h=2][/h]Ứng dụng javascript hay , quảng cáo trôi 2 bên trang web khi keo chuột .
    Mã html : lưu ý các bạn để ngoài thẻ div lớn nhất bao trang web của các bạn .
    <div id="divAdRight">
    // phần quảng cáo bên phải
    </div>
    <div id="divAdLeft">
    //phần quảng cáo bên trái
    </div>

    CSS:
    <style type="text/css">

    #divAdRight{
    display: block;
    position: absolute;
    top: 1127.49px;
    left: 1111.5px;
    z-index:100000;
    }
    #divAdRight img{
    width:100px;
    border: 0;
    margin-top:10px;
    }

    #divAdLeft{
    display: block;
    position: absolute;
    top: 1127.49px;
    left: 1.5px;
    z-index:100000;
    overflow: hidden;
    }
    #divAdLeft img{
    width:150px;
    border: 0;
    margin-top:10px;
    }
    </style>

    Javascript :
    <script>
    function FloatTopDiv()
    {
    startLX = ((document.body.clientWidth -MainContentW)/2)-LeftBannerW-LeftAdjust , startLY = TopAdjust+80;
    startRX = ((document.body.clientWidth -MainContentW)/2)+MainContentW+RightAdjust , startRY = TopAdjust+80;

    var d = document;

    function ml(id)
    {
    var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
    el.sP=function(x,y){this.style.left=x + 'px';this.style.top=y + 'px';};
    el.x = startRX;
    el.y = startRY;
    return el;
    }

    function m2(id)
    {
    var e2=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
    e2.sP=function(x,y){this.style.left=x + 'px';this.style.top=y + 'px';};
    e2.x = startLX;
    e2.y = startLY;
    return e2;
    }

    window.stayTopLeft=function()
    {
    if (document.documentElement && document.documentElement.scrollTop)
    var pY = document.documentElement.scrollTop;
    else if (document.body)
    var pY = document.body.scrollTop;
    if (document.body.scrollTop > 30){startLY = 10;startRY = 10;} else {startLY = TopAdjust;startRY = TopAdjust;};
    ftlObj.y += (pY+startRY-ftlObj.y)/16;
    ftlObj.sP(ftlObj.x, ftlObj.y);
    ftlObj2.y += (pY+startLY-ftlObj2.y)/16;
    ftlObj2.sP(ftlObj2.x, ftlObj2.y);
    setTimeout("stayTopLeft()", 1);
    }

    ftlObj = ml("divAdRight");
    //stayTopLeft();
    ftlObj2 = m2("divAdLeft");
    stayTopLeft();
    }

    function ShowAdDiv()
    {
    var objAdDivRight = document.getElementById("divAdRight");
    var objAdDivLeft = document.getElementById("divAdLeft");

    if (document.body.clientWidth < 950)
    {
    objAdDivRight.style.display = "none";
    objAdDivLeft.style.display = "none";
    }

    else
    {
    objAdDivRight.style.display = "block";
    objAdDivLeft.style.display = "block";
    FloatTopDiv();
    }
    }
    document.write("<script type='text/javascript' language='javascript'>MainContentW = 1100;LeftBannerW = 150;RightBannerW = 150;LeftAdjust = 5;RightAdjust = 5;TopAdjust = 160;ShowAdDiv();window.onresize=ShowAdDiv;;<\/script>");
    </script>

    Các bạn có thể xem demo tại : thiet ke web chuan
    Download

Chia sẻ trang này