Admin
Administrotor
Tổng số bài gửi : 877
Join date : 24/07/2010
 | Tiêu đề: Đoạn code quảng cáo trượt 2 bên  Sun Mar 13, 2011 11:12 am | |
| Chắc hẳn khi lướt web các bạn đã không ít lần thấy các banner trượt 2 bên của trang web, Điều này không những làm cho trang web được đẹp hơn nó còn đem lại tính chuyên nghiệp cho trang web của bạn nữa. Đối với các trang web lớn thì những vị trí quảng cáo hai bên chi phí là rất cao. Vì nó luôn luôn xuất hiện và mọi người đều có thể nhìn thấy ở bất cứ đâu trong trang web. Nhân tiện làm cái project 3 của NIIT q4 mình post cách làm quang cáo truotj 2 bên cho các bạn tham khảo. Trước hết hãy copy đoạn code sau và lưu lại với đuôi là . js chẳng hạn đặt file có tên là quangcao.js: Còn nếu không muốn tạo riêng 1 file khác thì copy toàn bộ đoạn đó rồi đưa vào trong thẻ đoạn script - Code:
-
var adRWidth=110;
var adLWidth=1002;
function FloatTopDiv(){
startX = document.body.clientWidth - adRWidth, startY = -110;
var ns = (navigator.appName.indexOf(’Netscape’) != -1);
var d = document;
if (document.body.clientWidth < 980) startX = - adRWidth;
function ml(id)
{
var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
if(d.layers)el.style=el;
el.sP=function(x,y)
{
this.style.left=x;this.style.top=y;
};
el.x = startX;
el.y = startY;
return el;
}
window.stayTopLeft=function()
{
if (document.body.clientWidth < 980)
{
ftlObj.x = - adRWidth;ftlObj.y = 0; ftlObj.sP(ftlObj.x, ftlObj.y);
}
else
{
if (document.documentElement && document.documentElement.scrollTop)
var pY = ns ? pageYOffset : document.documentElement.scrollTop;
else if (document.body)
var pY = ns ? pageYOffset : document.body.scrollTop;
if (document.body.scrollTop > 10){ startY = 3 } else { startY = 10 };
if (document.body.clientWidth >= 1024)
{
ftlObj.x = document.body.clientWidth - adRWidth;
ftlObj.y = (pY startY - ftlObj.y)/8;
ftlObj.sP(ftlObj.x, ftlObj.y);
}
else
{
ftlObj.x = startX;
ftlObj.y = (pY startY - ftlObj.y)/8;
ftlObj.sP(ftlObj.x, ftlObj.y);
}
}
setTimeout(’stayTopLeft()’, 1);
}
ftlObj = ml(’divAdRight’);
stayTopLeft();
}
function FloatTopDiv2()
{
startX2 = document.body.clientWidth - adLWidth, startY2 = -100;
var ns2 = (navigator.appName.indexOf(’Netscape’) != -1);
var d2 = document;
if (document.body.clientWidth < 980) startX2 = -adRWidth;
function ml2(id)
{
var el2=d2.getElementById?d2.getElementById(id):d2.all?d2.all[id]:d2.layers[id];
if(d2.layers)el2.style=el2;
el2.sP=function(x,y)
{
this.style.left=x;this.style.top=y;
};
el2.x = startX2;
el2.y = startY2;
return el2;
}
window.stayTopLeft2=function()
{
if (document.body.clientWidth < 980)
{
ftlObj2.x = - adRWidth;ftlObj2.y = 0; ftlObj2.sP(ftlObj2.x, ftlObj2.y);
}
else
{
if (document.documentElement && document.documentElement.scrollTop)
var pY2 = ns2 ? pageYOffset : document.documentElement.scrollTop;
else if (document.body)
var pY2 = ns2 ? pageYOffset : document.body.scrollTop;
if (document.body.scrollTop > 10) { startY2 = 3 } else { startY2 = 10 };
if (document.body.clientWidth >= 1024)
{
ftlObj2.x = 0;
ftlObj2.y = (pY2 startY2 - ftlObj2.y)/8;
ftlObj2.sP(ftlObj2.x, ftlObj2.y);
}
else
{
ftlObj2.x = startX2;
ftlObj2.y = (pY2 startY2 - ftlObj2.y)/8;
ftlObj2.sP(ftlObj2.x, ftlObj2.y);
}
}
setTimeout(’stayTopLeft2()’, 1);
}
ftlObj2 = ml2(’divAdLeft’);
stayTopLeft2();
}
function ShowAdDiv()
{
var objAdDivLeft = document.getElementById(’divAdLeft’);
var objAdDivRight = document.getElementById(’divAdRight’);
if (document.body.clientWidth < 980)
{
objAdDivLeft.style.left = - adRWidth;
objAdDivRight.style.left = - adRWidth;
}
else
{
objAdDivLeft.style.left = 0;
objAdDivRight.style.left = document.body.clientWidth - adRWidth;
FloatTopDiv();
FloatTopDiv2();
}
}
ShowAdDiv();
sau đó bạn copy đoạn code sau và đưa vào trong trang bạn muốn hiển thị quảng cáo , Nếu là file HTML thì đặt nó vào giữa thẻ , nếu là file php thì đặt trên cùng hay bên dưới đều được. - Code:
-
[url=http://cntt08.forumvi.com/”http://thichnhac.com”]
[img]’link[/img]
[/url]
[url=http://cntt08.forumvi.com/”http://thichnhac.com”]
[img]’link[/img]
[/url]
đoạn script bên dưới thì đưa vào trong quangcao.js</strong>” type=text/javascript> Thật đơn giản phải không? Chúc bạn thành công Nguồn:haiphongit | |
|
