Ma codeCode quang cao hai ben truot chay tren tat cacac trinh duyetdoc

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à.[r]

Trang 1

Code quảng cáo hai bên trượt chạy trên tất cả các trình duyệt

.float {

width: 100px;

height: 800px;

border: solid 1px white;

}

</style>

</head>

</div>

</body>

function setPosition(id, position) {

var store = {

ram : {

top : 0,

left : 0,

right : 0,

bottom : 0

},

rom : {

top : null,

left : null,

right : null,

bottom : null

}

};

for (var i in position) {store.rom[i] = position[i];}

var element = document.getElementById(id);

for (i in store) {element[i] = store[i];}

element.rom.move = function() {

if (window.innerHeight) {

var topPage = window.pageYOffset;

var leftPage = window.pageXOffset;

var rightPage = leftPage + window.innerWidth - element.offsetWidth;

var bottomPage = topPage + window.innerHeight - element.offsetHeight;

}

else {

var topPage = document.body.scrollTop;

var leftPage = document.body.scrollLeft;

var rightPage = leftPage + document.body.clientWidth - element.offsetWidth;

var bottomPage = topPage + document.body.clientHeight - element.offsetHeight;

}

Trang 2

element.style.position = "absolute";

if (element.rom.top != null) {

element.ram.top += Math.round((topPage + element.rom.top - element.ram.top)/20);

element.style.top = element.ram.top;

}

if (element.rom.left != null) {

element.ram.left += Math.round((leftPage + element.rom.left - element.ram.left)/20);

element.style.left = element.ram.left;

}

if (element.rom.right != null) {

element.ram.right += Math.round((rightPage - element.rom.right - element.ram.right)/20); element.style.left = element.ram.right;

}

if (element.rom.bottom != null) {

element.ram.bottom += Math.round((bottomPage - element.rom.bottom -

element.ram.bottom)/20);

element.style.top = element.ram.bottom;

}

setTimeout("document.getElementById('"+element.id+"').rom.move()",10);

};

element.rom.move();

}

setPosition("a", {top: 0, left: 910});

setPosition("c", {top: 0, left: 0});

</script>

Code quảng cáo trượt hai bên (cách 2)

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ẻ <head> đoạn script </head>

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)

Trang 3

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;

Trang 4

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()

{

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();

Trang 5

function ShowAdDiv()

{

var objAdDivLeft = document.getElementById(’divAdLeft’);

var objAdDivRight = document.getElementById(’divAdRight’);

{

objAdDivLeft.style.left = - adRWidth;

objAdDivRight.style.left = - adRWidth;

}

else

{

objAdDivLeft.style.left = 0;

objAdDivRight.style.left = document.body.clientWidth - adRWidth;

FloatTopDiv();

FloatTopDiv2();

}

ShowAdDiv();

</script>

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ẻ <body></body> , nếu là file php thì đặt trên cùng hay bên

dưới đều được

<!–Phần cho bên trái–>

</a>

</DIV>

<!–Phần cho bên phải–>

</a>

</DIV>

</div>

* đoạn script bên dưới thì đưa vào trong <head></head>

<SCRIPT src=”quangcao.js” type=text/javascript></SCRIPT>

Thật đơn giản phải không? Chúc bạn thành công và đừng quên nhận xét để mọi người có thể rút kinh nghiệm

HD:Coppy đoạn code dưới vào notepad và save đuôi js

Gọi và Blog theo cú pháp

Trang 6

/***********************************************

* Last updated Nov 13th, 09'.

* This notice MUST stay intact for legal use

* Visit http://caobang83.violet.vn/ for full source code

***********************************************/

//Specify the text to display

var displayed="[Top]"

///////////////////////////Do not edit below this line////////////

var logolink='javascript:window.scrollTo(0,0)'

var ns4=document.layers

var ie4=document.all

var ns6=document.getElementById&&!document.all

function ietruebody(){

return (document.compatMode!="BackCompat")? document.documentElement : document.body }

function regenerate(){

window.location.reload()

}

function regenerate2(){

if (ns4)

setTimeout("window.onresize=regenerate",400)

}

if (ie4||ns6)

document.write(''+displayed+'')

function createtext(){ //function for NS4

staticimage=new Layer(5)

staticimage.left=-300

staticimage.document.write(' '+displayed+' ')

staticimage.document.close()

staticimage.visibility="show"

regenerate2()

staticitns()

}

function staticit(){ //function for IE4/ NS6

var w2=ns6? pageXOffset+w : ietruebody().scrollLeft+w

var h2=ns6? pageYOffset+h : ietruebody().scrollTop+h

crosslogo.style.left=w2+"px"

crosslogo.style.top=h2+"px"

}

function staticit2(){ //function for NS4

staticimage.left=pageXOffset+window.innerWidth-staticimage.document.width-28

staticimage.top=pageYOffset+window.innerHeight-staticimage.document.height-10

}

function inserttext(){ //function for IE4/ NS6

if (ie4)

crosslogo=document.all.logo

else if (ns6)

crosslogo=document.getElementById("logo")

crosslogo.innerHTML=' '+displayed+' '

w=ns6 || window.opera? window.innerWidth-crosslogo.offsetWidth-20 : ietruebody().clientWidth-crosslogo.offsetWidth-10

h=ns6 || window.opera? window.innerHeight-crosslogo.offsetHeight-15 : ietruebody().clientHeight-crosslogo.offsetHeight-10

crosslogo.style.left=w+"px"

crosslogo.style.top=h+"px"

if (ie4)

window.onscroll=staticit

else if (ns6)

Trang 7

}

if (ie4||ns6){

if (window.addEventListener)

window.addEventListener("load", inserttext, false)

else if (window.attachEvent)

window.attachEvent("onload", inserttext)

else

window.onload=inserttext

window.onresize=new Function("window.location.reload()") }

else if (ns4)

window.onload=createtext

function staticitns(){ //function for NS4

startstatic=setInterval("staticit2()",90)

}

Định dạng
Số trang	7
Dung lượng	38,5 KB