free web
free web
free web
[ Tin mới · Thành viên · Nội quy · Tìm kiếm · RSS ]
Page 1 of 11
Forum » Giao lưu chia sẻ kinh nghiệm về website » Tổng hợp code và javascript » Code banner chạy dọc 2 bên web đẹp, lạ mắt
Code banner chạy dọc 2 bên web đẹp, lạ mắt
Bom_cute36 Date: Thứ năm, 24.Nov.2016, 6:48 AM | Message # 1
Offline
Cấp độ: ₷oáiҪa
Bài viết: 13
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.


Boy cute không e dè - rất sợ té
 
Forum » Giao lưu chia sẻ kinh nghiệm về website » Tổng hợp code và javascript » Code banner chạy dọc 2 bên web đẹp, lạ mắt
Page 1 of 11
Search: