code thanh paner quang cao chay doc 2 ben trang web

Lưu ý : Do tiện ích sử dụng những giá trị xác định để điều chỉnh vị trí của banner so với trang web, do đó, tính thẩm mỹ của tiện ích sẽ phụ thuộc vào độ phân giải của màn hình máy tín[r]

<div id="divAdRight" style="DISPLAY: none; POSITION: absolute; TOP: 0px">

<a href="#"><img

src="https://lh5.googleusercontent.com/_PAuO_he0N0k/TYuDrmdfQMI/AAAAAAAAFCg/TgIewNJ7tfs/s512/bann

erfpt.jpg"width="125" /></a>

</div>

<div id="divAdLeft" style="DISPLAY: none; POSITION: absolute; TOP: 0px">

<a href="#"><img

src="https://lh5.googleusercontent.com/_PAuO_he0N0k/TYuDrmdfQMI/AAAAAAAAFCg/TgIewNJ7tfs/s512/bann

erfpt.jpg"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>

Trong đó:

o <a href=" # "> : liên kết đến khi người đọc click vào Thay # bằng liên kết trang

bạn cho phù hợp

 <img src=”…”/> : banner bạn muốn hiển thị

 width="125" : chiều rộng của banner Có 2 giá trị được đánh dấu cùng màu đỏ

 MainContentW = 1000 : chiều rộng trang web Có 2 giá trị được đánh dấu cùng màu xanh lá

 LeftAdjust = 5 : khoảng cách từ bìa trái trang web đến banner

 RightAdjust = 5 : khoảng cách từ bìa phải trang web đến banner

 TopAdjust = 10 : khoảng cách từ rìa trên trang web đến banner

Lưu ý : Do tiện ích sử dụng những giá trị xác định để điều chỉnh vị trí của banner so với

trang web, do đó, tính thẩm mỹ của tiện ích sẽ phụ thuộc vào độ phân giải của màn hình máy tính.