รายการเอฟเฟกต์โค้ดโฆษณาโคลงสั้น ๆ ของหน้าเว็บทั้งหมด

ผู้เขียน：Eve Cole เวลาอัปเดต：2009-06-08 18:25:56

ในปัจจุบันนี้ โฆษณาบนเว็บไซต์จำนวนมากมีการใช้งานอย่างเต็มรูปแบบ ตอนนี้ ผมจะแนะนำการใช้โค้ดของเอฟเฟกต์โฆษณาลอยคู่ทั่วไปที่สามารถแสดงผลได้ตามปกติที่ความละเอียด 1024*768 และสามารถแสดงผลได้ที่ความละเอียด 800*600 ซ่อนโดยอัตโนมัติเพื่อหลีกเลี่ยงการบล็อกเพจและส่งผลกระทบต่อการเรียกดูเนื้อหาของผู้เยี่ยมชม ต่อไปนี้เป็นโค้ดที่จำเป็นเพื่อให้บรรลุผล:

วาร์เดลตา=0.015
คอลเลกชัน var;
ฟังก์ชั่นลอยตัว () {
นี้.รายการ = [];
this.addItem = ฟังก์ชั่น (id, x, y, เนื้อหา)
-
document.write('<DIV id='+id+' style="Z-INDEX: 0; POSITION: Absolute; width:80px; height:60px;left:'+(typeof(x)=='string'?eval (x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'">'+เนื้อหา+'</DIV>');

var รายการใหม่ = {};
newItem.object = document.getElementById(id);
newItem.x = x;
newItem.y = y;

this.items[this.items.length] = newItem;
-
this.play = ฟังก์ชั่น ()
-
คอลเลกชัน = this.items
setInterval('เล่น()',10);
-
-
ฟังก์ชั่นการเล่น ()
-
ถ้า(หน้าจอความกว้าง<=800)
-
สำหรับ (var i=0;i<collection.length;i++)
-
คอลเลกชัน [i] .object.style.display = 'ไม่มี';
-
กลับ;
-
สำหรับ (var i=0;i<collection.length;i++)
-
var followObj = คอลเลกชัน [i] .object;
var followObj_x = (typeof(collection[i].x)=='string'?eval(collection[i].x):collection[i].x);
var followObj_y = (typeof(collection[i].y)=='string'?eval(collection[i].y):collection[i].y);

if(followObj.offsetLeft!=(document.body.scrollLeft +ติดตามObj_x)) {
var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*เดลต้า;
dx=(dx>0?1:-1)*Math.ceil(Math.abs(dx));
followObj.style.left=followObj.offsetLeft+dx;
}

ถ้า(followObj.offsetTop!=(document.body.scrollTop+followObj_y)) {
var dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*เดลต้า;
dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy));
followObj.style.top=followObj.offsetTop+dy;
-
followObj.style.display = '';
-
-

var theFloaters = ตัวลอยใหม่ ();
theFloaters.addItem('followDiv1','document.body.clientWidth-100',0,'</a><br><a href=ที่อยู่ลิงก์โฆษณา target=_blank><img src=ที่อยู่รูปภาพโฆษณา ความกว้าง=100 ความสูง =400 เส้นขอบ=0></a>');
theFloaters.addItem('followDiv2',0,0,'<br><a href=ที่อยู่ลิงก์โฆษณา target=_blank><img src=ที่อยู่รูปภาพโฆษณา ความกว้าง=100 ความสูง=400 เส้นขอบ=0></a>') ;
theFloaters.เล่น();
บันทึกโค้ดด้านบนเป็นไฟล์ JS จากนั้นเรียกมันบนหน้าที่คุณต้องการรับเอฟเฟกต์นี้! โปรดใส่ใจกับการแก้ไขที่อยู่รูปภาพโฆษณาและที่อยู่ลิงก์!

[การตรวจจับเมาส์]

แตกต่างจากโค้ดก่อนหน้า เมื่อเลื่อนเมาส์ไปเหนือรูปภาพโฆษณา จะสามารถตรวจจับและแสดงเอฟเฟกต์รูปภาพขนาดใหญ่ที่ตั้งค่าเพิ่มเติมได้ ต่อไปนี้เป็นโค้ดที่จำเป็นเพื่อให้ได้เอฟเฟกต์:

ฟังก์ชั่น bigshow(){
document.all.div_250.style.visibility = 'มองเห็นได้';
document.all.div_80.style.visibility = 'ซ่อน';
-
ฟังก์ชั่น bighide(){
document.all.div_80.style.visibility = 'มองเห็นได้';
document.all.div_250.style.visibility = 'ซ่อน';
}

var ad_80= อาร์เรย์ใหม่ (1);
var ad_250= อาร์เรย์ใหม่ (1);

ad_80[0]="<a href=http://www.dfeng.net target=_blank><img src=/skin/adv43/ad/ad_ad.gif border=0> </a>";
ad_250[0]="<a href=http://www.dfeng.net target=_blank><img src=/skin/adv43/ad/ad_ad2.gif border=0></a>"

;
var fubioleft;
window.screen.width>800 ? fubioleft=15:fubioleft=15

document.write('<DIV id=floater_left style="Z-INDEX: 25; LEFT:'+fubioleft+'px; WIDTH: 28px;POSITION: สัมบูรณ์; บนสุด: 42px; HEIGHT: 22px">');

ad_now = วันที่ใหม่();
ad_id= ad_now.getSeconds() %1

var adhead1="<div id=div_80 style='position:absolute; width:95px; height:62px; z-index:12' onMouseOver=bigshow();>";
var adhead2="</div><div id=div_250 style='position:absolute; การมองเห็น: ซ่อนเร้น; z-index:13;width: 80; ความสูง: 60' onMouseOut=bighide();>"

; adhead1="<div id=div_80 style='position:absolute; width:95px; height:62px; z-index:20' onMouseOut='//MM_showHideLayers("div_250","","ซ่อน ")' onMouseOver='MM_showHideLayers("div_250","","show")'>";
//var adhead2="</div><div id=div_250 style='position:absolute; z-index:21;visibility: Hidden; width: 80; height: 60' onMouseOver='MM_showHideLayers("div_250" ,"","show")' onMouseOut='MM_showHideLayers("div_250","","hide")'>";

document.write(adhead1+ad_80[ad_id]+ adhead2+ad_250[ad_id]+"</div>");

document.write ("</div>");
self.onError=null;
ปัจจุบัน X = ปัจจุบัน Y = 0;
ซึ่งมัน = null;
LastScrollX = 0; LastScrollY = 0;
NS = (เอกสาร.เลเยอร์) ? 1 : 0;
IE = (เอกสารทั้งหมด) ? 1: 0;
ฟังก์ชั่น heartBeat() {
ถ้า(IE) {
diffY = document.body.scrollTop;
diffX = document.body.scrollLeft;
ถ้า(NS) {
diffY = self.pageYOffset; diffX = self.pageXOffset; }
ถ้า(diffY != LastScrollY) {
เปอร์เซ็นต์ = .5 * (diffY - LastScrollY);
ถ้า (เปอร์เซ็นต์ > 0) เปอร์เซ็นต์ = Math.ceil (เปอร์เซ็นต์);
เปอร์เซ็นต์อื่น = Math.floor (เปอร์เซ็นต์);
ถ้า (IE) document.all.floater_left.style.pixelTop += เปอร์เซ็นต์;
ถ้า (NS) document.floater_left.top += เปอร์เซ็นต์;
LastScrollY = LastScrollY + เปอร์เซ็นต์;
-
ถ้า (diffX != LastScrollX) {
เปอร์เซ็นต์ = .5 * (diffX - LastScrollX);
ถ้า (เปอร์เซ็นต์ > 0) เปอร์เซ็นต์ = Math.ceil (เปอร์เซ็นต์);
เปอร์เซ็นต์อื่น = Math.floor (เปอร์เซ็นต์);
ถ้า (IE) document.all.floater_left.style.pixelLeft += เปอร์เซ็นต์;
ถ้า (NS) document.floater_left.left += เปอร์เซ็นต์;
LastScrollX = LastScrollX + เปอร์เซ็นต์;
-
}

if(NS || IE) action = window.setInterval("heartBeat()",1);var ad_80= อาร์เรย์ใหม่ (1);
var ad_250= อาร์เรย์ใหม่ (1);

ad_80[0]="<a href=http://www.dfeng.net target=_blank><img src=/skin/adv43/ad/ad_ad.jpg border=0> </a>";
ad_250[0]="<a href=http://www.dfeng.net target=_blank><img src=/skin/adv43/ad/ad_ad.jpg border=0></a>";

var imgheight;
var fubioleft;
window.screen.width>800 ? fubioleft=15:fubioleft=15

document.write('<DIV id=floater_right style="Z-INDEX: 25; LEFT:'+fubioleft+'px; WIDTH: 28px;POSITION: สัมบูรณ์; บนสุด: 42px; HEIGHT: 22px">');

ad_now = วันที่ใหม่();
ad_id= ad_now.getSeconds() %1

ฟังก์ชั่น myload()
-
ถ้า (navigator.appName == "Netscape")
-
document.div_right_80.pageX=+window.innerWidth-130;
document.div_right_250.pageX=+window.innerWidth-300;
มายมูฟ();
-
อื่น
-
div_right_80.style.left=document.body.offsetWidth-130;
div_right_250.style.left=document.body.offsetWidth-300;
มายมูฟ();
-
}

ฟังก์ชัน mymove()
-
ถ้า (document.ns)
-
document.div_right_80.left=pageXOffset+window.innerWidth-130;
document.div_right_250.left=pageXOffset+window.innerWidth-300;
setTimeout("mymove();",20)
-
อื่น
-
div_right_80.style.left=document.body.scrollLeft+document.body.offsetWidth-145;
div_right_250.style.left=document.body.scrollLeft+document.body.offsetWidth-300;
setTimeout("mymove();",20)
-
-

var adhead1="<div id=div_right_80 style='position:absolute; width:95px; height:60px; z-index:12' onMouseOver=bigshow_right();>";
var adhead2="</div><div id=div_right_250 style='position:absolute; การมองเห็น: ซ่อนเร้น; z-index:13;width: 250; ความสูง: 250' onMouseOut=bighide_right();><div align=right >";

document.write(adhead1+ad_80[ad_id]+adhead2+ad_250[ad_id]+"</div></div>");

myload()

if(NS || IE) action = window.setInterval("heartBeat_right()",1);
ฟังก์ชั่น bigshow_right(){
document.all.div_right_250.style.visibility = 'มองเห็นได้';
document.all.div_right_80.style.visibility = 'ซ่อน';
-
ฟังก์ชั่น bighide_right(){
document.all.div_right_80.style.visibility = 'มองเห็นได้';
document.all.div_right_250.style.visibility = 'ซ่อน';
}document.write('');
document.write('');
document.write('');
บันทึกโค้ดด้านบนเป็นไฟล์ JS จากนั้นใช้บนเพจที่คุณต้องการรับเอฟเฟกต์นี้

แตกต่างจากโค้ดสองอันก่อนหน้านี้ ปุ่มรูปภาพจะถูกเพิ่มไว้ด้านล่างรูปภาพโฆษณา เพื่อให้ผู้เยี่ยมชมสามารถคลิกเพื่อปิดรูปภาพโฆษณาได้ กล่องข้อความต่อไปนี้คือโค้ดที่จำเป็นเพื่อให้บรรลุผล:

วาร์เดลต้า=0.015;
คอลเลกชัน var;
var closeB=เท็จ;
ฟังก์ชั่นลอยตัว () {
นี่.รายการ = [];
this.addItem = ฟังก์ชั่น (id, x, y, เนื้อหา)
-
document.write('<DIV id='+id+' style="Z-INDEX: 10; POSITION: Absolute; width:80px; height:60px;left:'+(typeof(x)=='string'?eval (x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'">'+เนื้อหา+'</DIV>');

var รายการใหม่ = {};
newItem.object = document.getElementById(id);
newItem.x = x;
newItem.y = y;

this.items[this.items.length] = newItem;
-
this.play = ฟังก์ชั่น ()
-
คอลเลกชัน = this.items
setInterval('เล่น()',30);
-
-
ฟังก์ชั่นการเล่น ()
-
ถ้า (screen.width<=800 || closeB)
-
สำหรับ (var i=0;i<collection.length;i++)
-
คอลเลกชัน [i] .object.style.display = 'ไม่มี';
-
กลับ;
-
สำหรับ (var i=0;i<collection.length;i++)
-
var followObj = คอลเลกชัน [i] .object;
var followObj_x = (typeof(collection[i].x)=='string'?eval(collection[i].x):collection[i].x);
var followObj_y = (typeof(collection[i].y)=='string'?eval(collection[i].y):collection[i].y);

var theFloaters = ตัวลอยใหม่ ();
-
theFloaters.addItem('followDiv1','document.body.clientWidth-100',0,'<a onClick="closeBanner();" href=http://www.dfeng.net target=_blank><img src= ad/doublead/right.gif width=100 height=554 border=0></a><br><br><img src=ad/doublead/close.gif onClick="closeBanner();">');
theFloaters.addItem('followDiv2',0,0,'<a onClick="closeBanner();" href=http://www.dfeng.net target=_blank><img src=ad/doublead/ad_ad.gif ความกว้าง =100 ความสูง=400 เส้นขอบ=0 ></a><br><br><img src=ad/doublead/close.gif onClick="closeBanner();">');
theFloaters.เล่น();
บันทึกโค้ดด้านบนเป็นไฟล์ JS จากนั้นเรียกมันบนหน้าที่คุณต้องการรับเอฟเฟกต์นี้ * หมายถึงชื่อไฟล์ที่คุณบันทึกไว้! โปรดใส่ใจกับการแก้ไขที่อยู่รูปภาพโฆษณาและที่อยู่ลิงก์!

โฆษณาโคลงสั้น ๆ --- โค้ดทางด้านซ้าย

หากคุณต้องการแสดงเพียงด้านเดียว โค้ดต่อไปนี้คือโค้ดที่จำเป็นเพื่อให้ได้เอฟเฟกต์ทางด้านซ้าย:

var ad_float_left_src = "ที่อยู่รูปภาพ";
var ad_float_left_url="ที่อยู่";
var ad_float_left_type = "";
document.ns = navigator.appName == "Microsoft Internet Explorer"

เป็น imgheight_close
var imgleft
window.screen.width>800 ? imgheight_close=120:imgheight_close=120
window.screen.width>800 ? imgleft=8:imgleft=122
ฟังก์ชั่น myload()
-
myleft.style.top=document.body.scrollTop+document.body.offsetHeigh
t-imgheight_close;
myleft.style.left=imgleft;
เลื่อนไปทางซ้าย();
-
ฟังก์ชั่น leftmove()
-
myleft.style.top=document.body.scrollTop+document.body.offsetHeigh
t-imgheight_close;
myleft.style.left=imgleft;
setTimeout("leftmove();",50)
}

ฟังก์ชัน MM_reloadPage(init) { // โหลดหน้าต่างใหม่หาก Nav4
ปรับขนาด
if (init==true) ด้วย (เนวิเกเตอร์) {if ((appName=="Netscape")&&
(parseInt(appVersion)==4)) {
document.MM_pgW=ความกว้างภายใน; document.MM_pgH=ความสูงด้านใน;
onresize=MM_reloadPage }}
อย่างอื่นถ้า (innerWidth!=document.MM_pgW || innerHeight!
=document.MM_pgH) ตำแหน่ง โหลดซ้ำ();
-

ฟังก์ชัน

MM_reloadPage(true)

close_float_left(){
myleft.style.visibility='ซ่อน';
}

document.write("<div id=myleft style='position:
สัมบูรณ์;ความกว้าง:80;ด้านบน:300;ซ้าย:5;การมองเห็น: มองเห็นได้;ดัชนี z: 1'>"
+"<สไตล์>"
+"A.closefloat:link,A.refloat:visited {ข้อความ-
ตกแต่ง:ไม่มี;สี:#000000;ขนาดตัวอักษร:12px}"
+"A.closefloat:active,A.refloat:hover {การตกแต่งข้อความ:ขีดเส้นใต้;สี:#0000FF;ขนาดตัวอักษร:12px}"
+"</สไตล์>"
+"<table border=0 cellpadding=0 cellspacing=0><tr><td>");

if(document.ns){
ถ้า(ad_float_left_type!="swf")
document.write("<a href='" + ad_float_left_url + "' เป้าหมาย
= '_blank'><img src='" + ad_float_left_src + "' WIDTH=88
ความสูง=31 เส้นขอบ=0></a>");
อื่น
document.write("<ฝัง src='" + ad_float_left_src + "'
คุณภาพ=สูง WIDTH=80 HEIGHT=80 TYPE='application/x-shockwave-
flash' id=changhongout ></EMBED>");

document.write("</td></tr><tr><td width=80 height=20
align=right><a href='javascript:close_float_left();void(0);'
class=closefloat><b><font color=#ff0000>ปิด</font></b></a></td></tr>"
+"</ตาราง>"
+"</div>");

myload()}
บันทึกโค้ดด้านบนเป็นไฟล์ *.JS จากนั้นใช้บนเพจที่คุณต้องการให้เอฟเฟกต์นี้