Bài viết Tạo Quảng cáo chạy 2 bên Website bằng Javascript

Thảo luận trong 'Source code' bắt đầu bởi white.smut, 28 Tháng ba 2013.

  1. Offline

    white.smut

    • Administrator

    • Loading: |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||] 99% Completed - Error: Disconnected. Please try again!
    Số bài viết:
    842
    Đã được thích:
    425
    Điểm thành tích:
    450
    Phần CSS:
    Mã:
    <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>
    Phần Javascript:
    Mã:
    <!--
    <div id="divAdRight" style="DISPLAY: none; POSITION: absolute; TOP: 0px">
    <img src="image" width="125" />
    </div>
    <div id="divAdLeft" style="DISPLAY: none; POSITION: absolute; TOP: 0px">
    <img src="image" width="125" />
    </div>
    <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 = 3;startRY = 3;} 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 < 1050)
            {
                objAdDivRight.style.display = "none";
                objAdDivLeft.style.display = "none";
            }
            else
            {
                objAdDivRight.style.display = "block";
                objAdDivLeft.style.display = "block";
                FloatTopDiv();
            }
        }
    </script>
    <script>
    document.write("<script type='text/javascript' language='javascript'>MainContentW = 965;LeftBannerW = 125;RightBannerW = 125;LeftAdjust = 5;RightAdjust = 5;TopAdjust = 26;ShowAdDiv();window.onresize=ShowAdDiv;;<\/script>");
    </script>
    -->
    hongoctrienSPD thích bài này.
  2. Offline

    SPD

    • Windows 98

    • Ngông cuồng, ngang tàng, phách lối
    Số bài viết:
    225
    Đã được thích:
    83
    Điểm thành tích:
    190
    Mình xin góp ý cho bạn chút:
    thứ nhất, cái #divAdRight bạn thay vì chọn left bạn hãy chọn Right: 15px (hoặc mấy đó tùy bạn, miễn là đều so với #divAdLeft)
    thứ 2, thay vì bạn dùng đoạn javascript trên, bạn hãy dùng Jquery. Lưu ý, cái này cần có thư viện jquery.min.js bạn có thể tìm ở google
    code jquery như sau
    HTML:
    $(document).ready(function() {
            $(window).scroll(function(){
                $('#divAdRight,#divAdLeft').stop().animate({top:$(window).scrollTop()+100},'slow');
            });
    }
    đặt đoạn code này trong thẻ script, nên đặt thẻ script này ở thẻ head để tối ưu hóa tốc độ tải web

    P/s: số 100 bạn có thể chỉnh cho hợp lý với trang web của bạn
    hongoctrienwhite.smut thích bài này.
  3. Offline

    white.smut

    • Administrator

    • Loading: |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||] 99% Completed - Error: Disconnected. Please try again!
    Số bài viết:
    842
    Đã được thích:
    425
    Điểm thành tích:
    450
    Cái này mình chưa học mình chỉ tìm hiểu thôi...
    Mình source code của 2mit mà :))
  4. Offline

    SPD

    • Windows 98

    • Ngông cuồng, ngang tàng, phách lối
    Số bài viết:
    225
    Đã được thích:
    83
    Điểm thành tích:
    190
    uh, tại vì mình thấy cái javascript dài quá
  5. Offline

    white.smut

    • Administrator

    • Loading: |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||] 99% Completed - Error: Disconnected. Please try again!
    Số bài viết:
    842
    Đã được thích:
    425
    Điểm thành tích:
    450
    Bạn sửa lại zùm mình với.. học khóa 6 mà.. những cái này chưa học nhưng thích sourse code nên post lên đây cho mọi người tham khảo thôi!!! :>
  6. Offline

    SPD

    • Windows 98

    • Ngông cuồng, ngang tàng, phách lối
    Số bài viết:
    225
    Đã được thích:
    83
    Điểm thành tích:
    190
    white.smut thích bài này.

Chia sẻ trang này

Advertising: Linux system admin | nukeviet | nukeviet 4 | Upload ảnh miễn phí