[ Tin nhắn mới · Thành viên · Nội quy diễn đàn · Tìm kiếm · RSS ]
  • Page 1 of 1
  • 1
Forum moderator: Admin-8x  
Forum » Trao đổi kiến thức lập trình web & chia sẻ code full sạch » Share code tổng hợp full mọi cấu hình web » Code Banner Chạy Dọc 2 Bên Web Đẹp Và Lạ Mắt
Code Banner Chạy Dọc 2 Bên Web Đẹp Và Lạ Mắt
Admin-8x
Data: Thứ ba, 19-01-2016, 3:49 PM
Offline
Bài viết: 21
Lựa chọn 1: Banner cố định khi lăn chuột

Code
<div id="left_ads_float">
        <a href="Your Link" target="_blank"><img border="0" src="http://Hinh-Anh1.png" width="120" /></a>
    </div>
    <div id="right_ads_float">
       <a href="Your Link" target="_blank"><img border="0" src="http://Hinh-Anh2.png" width="120" /></a>
    </div>
<style>
#left_ads_float
{
    bottom:24px;
    left: 10px;
    position:fixed; }
#right_ads_float
{
    bottom:24px;
    right: 10px;
    position:fixed;
}
</style>
<script>
var vtlai_remove_fads=false;
function vtlai_check_adswidth()
    {
        if(vtlai_remove_fads)
        {
            document.getElementById('left_ads_float').style.display='none';
            document.getElementById('right_ads_float').style.display='none';
            return;
        }else if(document.cookie.indexOf('vtlai_remove_float_ads')!=-1)
        {
            vtlai_remove_fads=true;
            vtlai_check_adswidth();
            return;
        }
        else
        {
            var lwidth=parseInt(document.body.clientWidth);
            if(lwidth<1110)
            {
                document.getElementById('left_ads_float').style.display='none';
                document.getElementById('right_ads_float').style.display='none';
            }
            else
            {
                document.getElementById('left_ads_float').style.display='block';
                document.getElementById('right_ads_float').style.display='block';
            }
            setTimeout('vtlai_check_adswidth()',10);
        }
    }
</script>


Lựa chọn 2: Banner trượt khi lăn chuột 

Code
<div id="divAdRight" style="display: none; position: absolute; TOP: 0px">    
<a href="your link"><img src="http://Hinh-Anh1.png" width="125" /></a>
</div>    
<div id="divAdLeft"  style="display: none; position: absolute; TOP: 0px">    
<a href="your link"><img src="http://Hinh-Anh2.png" width="125" /></a>    
</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 < 1000)    
        {    
            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 = 1000;LeftBannerW = 125;RightBannerW = 125;LeftAdjust = 5;RightAdjust = 5;TopAdjust = 10;ShowAdDiv();window.onresize=ShowAdDiv;;<\/script>");    

</script>


Bạn thực hiện chỉnh sửa tương tự như lựa chọn 1 và thêm chú ý sau:
LeftAdjust = 5:
 khoảng cách từ mép trái trang blog đến banner
RightAdjust = 5: khoảng cách từ mép phải trang blog đến banner
TopAdjust = 10: khoảng cách từ mép trên trang blog đến banner

Từ khóa tìm kiếm:
Code dep cho web, huong dan tao code chay banner khi re chuot, chay quang cao 2 ben cho web dep, huong dan code chay quang cao 2 ben sieu dep mat, xin code chay doc quang cao 2 ben tab, code quang cao chay theo chuot, quang cao chay theo khi re chuot, tuyen chon code can thiet cho web, nhung code can dung toi khi lap trinh web, code khong the thieu khi lap trinh, tuyen chon code lam cho web sinh dong hon.


Star-8x chinh phục mọi thử thách...!
 
Forum » Trao đổi kiến thức lập trình web & chia sẻ code full sạch » Share code tổng hợp full mọi cấu hình web » Code Banner Chạy Dọc 2 Bên Web Đẹp Và Lạ Mắt
  • Page 1 of 1
  • 1
Search:


☠ Home | ✯ Diễn đàn | ✡ Download | ☣ Tin tức | ☢ Video | ☪ Internet | ♘ Game | ✉ Hỗ trợ | ✉ Tin nhắn | Đăng ký | Đăng nhập

BOX ADMIN