Saat ini, banyak iklan situs web sedang berjalan lancar. Sekarang saya akan memperkenalkan penggunaan kode efek iklan mengambang bait yang umum. Efek yang diperkenalkan dapat ditampilkan secara normal pada resolusi 1024*768 dan dapat ditampilkan pada resolusi 800*600. .Sembunyikan secara otomatis untuk menghindari pemblokiran halaman dan memengaruhi konten penelusuran pengunjung.
vardelta=0,015
koleksi var;
fungsi floaters() {
this.item = [];
this.addItem = fungsi(id,x,y,konten)
{
document.write('<DIV id='+id+' style="Z-INDEX: 0; POSISI: absolut; lebar:80px; tinggi:60px;kiri:'+(typeof(x)=='string'?eval (x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'">'+content+'</DIV>');
var Item baru = {};
newItem.object = dokumen.getElementById(id);
Barang baru.x = x;
Item baru.y = y;
item ini[ini.item.panjang] = Item baru;
}
ini.bermain = fungsi()
{
koleksi = ini.item
setInterval('bermain()',10);
}
}
pemutaran fungsi()
{
if(layar.lebar<=800)
{
for(var i=0;i<koleksi.panjang;i++)
{
koleksi[i].object.style.display = 'tidak ada';
}
kembali;
}
for(var i=0;i<koleksi.panjang;i++)
{
var followObj = koleksi[i].objek;
var followObj_x = (typeof(koleksi[i].x)=='string'?eval(koleksi[i].x):koleksi[i].x);
var followObj_y = (typeof(koleksi[i].y)=='string'?eval(koleksi[i].y):koleksi[i].y);
if(followObj.offsetLeft!=(document.body.scrollLeft +ikutiObj_x)) {
var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta;
dx=(dx>0?1:-1)*Matematika.ceil(Matematika.abs(dx));
followObj.style.left=ikutiObj.offsetLeft+dx;
}
if(followObj.offsetTop!=(document.body.scrollTop+followObj_y)) {
var dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta;
dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy));
followObj.style.top=ikutiObj.offsetTop+dy;
}
followObj.style.display = '';
}
}
var theFloaters = floaters baru();
theFloaters.addItem('followDiv1','document.body.clientWidth-100',0,'</a><br><a href=Alamat tautan iklan target=_blank><img src=Lebar alamat gambar iklan=100 tinggi =400 batas=0></a>');
theFloaters.addItem('followDiv2',0,0,'<br><a href=Alamat tautan iklan target=_blank><img src=Alamat gambar iklan lebar=100 tinggi=400 batas=0></a>') ;
theFloaters.play();
Simpan kode di atas sebagai file JS, lalu panggil di halaman tempat Anda ingin mencapai efek ini! Perhatikan modifikasi alamat gambar iklan dan alamat link!
[Penginderaan Mouse]
Berbeda dari kode sebelumnya, ketika mouse bergerak di atas gambar iklan, ia dapat mendeteksi dan menampilkan efek gambar besar iklan tambahan. Berikut ini adalah kode yang diperlukan untuk mencapai efek tersebut:
fungsi pertunjukan besar(){
document.all.div_250.style.visibility = 'terlihat';
document.all.div_80.style.visibility = 'tersembunyi';
}
fungsi kulit besar(){
document.all.div_80.style.visibility = 'terlihat';
document.all.div_250.style.visibility = 'tersembunyi';
}
var ad_80= Array baru(1);
var ad_250= Array baru(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 imgheight;
var fubioleft;
window.screen.width>800 ? fubioleft=15:fubioleft=15
document.write('<DIV id=floater_left style="Z-INDEX: 25; KIRI:'+fubioleft+'px; LEBAR: 28px;POSITION: absolut; ATAS: 42px; TINGGI: 22px">');
ad_now = Tanggal baru();
ad_id= ad_now.getSeconds() %1
var adhead1="<div id=div_80 style='position:absolute; lebar:95px; tinggi:62px; z-index:12' onMouseOver=bigshow();>";
var adhead2="</div><div id=div_250 style='position:absolute; visibilitas: tersembunyi; z-index:13;lebar: 80; tinggi: 60' onMouseOut=bighide();>";
//var adhead1="<div id=div_80 style='position:absolute; lebar:95px; tinggi:62px; z-index:20' onMouseOut='//MM_showHideLayers("div_250","","sembunyikan ")' onMouseOver='MM_showHideLayers("div_250","","show")'>";
//var adhead2="</div><div id=div_250 style='position:absolute; z-index:21;visibilitas: tersembunyi; lebar: 80; tinggi: 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>");
dokumen.write("</div>");
diri.onError=null;
arusX = arusY = 0;
yang mana = null;
Gulir terakhirX = 0; Gulir terakhirY = 0;
NS = (dokumen.lapisan) ?
IE = (dokumen.semua) ?
fungsi detak jantung() {
jika(IE) {
diffY = dokumen.body.scrollTop;
diffX = dokumen.body.scrollLeft; }
jika(NS) {
diffY = mandiri.pageYOffset; diffX = mandiri.pageXOffset;
if(diffY != lastScrollY) {
persen = 0,5 * (diffY - lastScrollY);
if(persen > 0) persen = Math.ceil(persen);
else persen = Math.floor(persen);
if(IE) document.all.floater_left.style.pixelTop += persen;
if(NS) document.floater_left.top += persen;
lastScrollY = lastScrollY + persen;
}
jika(diffX != lastScrollX) {
persen = 0,5 * (diffX - lastScrollX);
if(persen > 0) persen = Math.ceil(persen);
else persen = Math.floor(persen);
if(IE) document.all.floater_left.style.pixelLeft += persen;
if(NS) document.floater_left.left += persen;
lastScrollX = lastScrollX + persen;
}
}
if(NS || YAITU) tindakan = window.setInterval("heartBeat()",1);var ad_80= new Array(1);
var ad_250= Array baru(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; KIRI:'+fubioleft+'px; LEBAR: 28px;POSITION: absolut; ATAS: 42px; TINGGI: 22px">');
ad_now = Tanggal baru();
ad_id= ad_now.getSeconds() %1
fungsi beban saya()
{
if (navigator.appName == "Netscape")
{
document.div_right_80.pageX=+window.innerWidth-130;
document.div_right_250.pageX=+window.innerWidth-300;
gerakanku();
}
kalau tidak
{
div_right_80.style.left=document.body.offsetWidth-130;
div_right_250.style.left=document.body.offsetWidth-300;
gerakanku();
}
}
fungsi gerakanku()
{
if(dokumen.ns)
{
document.div_right_80.left=halamanXOffset+window.innerWidth-130;
document.div_right_250.left=pageXOffset+window.innerWidth-300;
setTimeout("gerakan saya();",20)
}
kalau tidak
{
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("gerakan saya();",20)
}
}
var adhead1="<div id=div_right_80 style='position:absolute; lebar:95px; tinggi:60px; z-index:12' onMouseOver=bigshow_right();>";
var adhead2="</div><div id=div_right_250 style='position:absolute; visibilitas: tersembunyi; z-index:13;width: 250; tinggi: 250' onMouseOut=bighide_right();><div align=right >";
document.write(adhead1+ad_80[ad_id]+adhead2+ad_250[ad_id]+"</div></div>");
myload()
document.write ("</div>");
diri.onError=null;
saat iniX_kanan = saat iniY_kanan = 0;
yang mana itu benar = null;
gulir terakhirX_kanan = 0; gulir terakhirY_kanan = 0;
NS = (dokumen.lapisan) ?
IE = (dokumen.semua) ?
fungsi detak jantung_kanan() {
jika(IE) {
diffY_right = dokumen.body.scrollTop;
diffX_right = dokumen.body.scrollLeft;
jika(NS) {
diffY_right = mandiri.pageYOffset; diffX_right = mandiri.pageXOffset;
jika(diffY_right != lastScrollY_right) {
persen_kanan = 0,5 * (diffY_right - lastScrollY_right);
if(persen_kanan > 0) persen_kanan = Math.ceil(persen_kanan);
else persen_kanan = Matematika.lantai(persen_kanan);
if(IE) document.all.floater_right.style.pixelTop += persen_kanan;
if(NS) document.floater_right.top += persen_kanan;
lastScrollY_right = lastScrollY_right + persen_kanan;
}
jika(diffX_right != lastScrollX_right) {
persen_kanan = 0,5 * (diffX_right - lastScrollX_right);
if(persen_kanan > 0) persen_kanan = Math.ceil(persen_kanan);
else persen_kanan = Matematika.lantai(persen_kanan);
if(IE) document.all.floater_right.style.pixelLeft += persen_kanan;
if(NS) document.floater_right.left += persen_kanan;
lastScrollX_right = lastScrollX_right + persen_kanan;
}
}
if(NS || YAITU) tindakan = window.setInterval("heartBeat_right()",1);
fungsi bigshow_right(){
document.all.div_right_250.style.visibility = 'terlihat';
document.all.div_right_80.style.visibility = 'tersembunyi';
}
fungsi bighide_right(){
document.all.div_right_80.style.visibility = 'terlihat';
document.all.div_right_250.style.visibility = 'tersembunyi';
}dokumen.tulis('');
dokumen.tulis('');
dokumen.tulis('');
Simpan kode di atas sebagai file JS, lalu gunakan di halaman tempat Anda ingin mendapatkan efek ini.
<skrip type="teks/javascript" bahasa="javascript1.2" src="*.js"></SCRIPT>
Sebut saja, * mewakili nama file yang Anda simpan! Perhatikan modifikasi alamat gambar iklan dan alamat link!
Berbeda dari dua kode sebelumnya, tombol gambar ditambahkan di bawah gambar iklan, memungkinkan pengunjung mengklik untuk menutup gambar iklan. Kotak teks berikut adalah kode yang diperlukan untuk mencapai efek:
var delta=0,015;
koleksi var;
var closeB=salah;
fungsi floaters() {
this.item = [];
this.addItem = fungsi(id,x,y,konten)
{
document.write('<DIV id='+id+' style="Z-INDEX: 10; POSISI: absolut; lebar:80px; tinggi:60px;kiri:'+(typeof(x)=='string'?eval (x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'">'+content+'</DIV>');
var Item baru = {};
newItem.object = dokumen.getElementById(id);
Barang baru.x = x;
Item baru.y = y;
item ini[ini.item.panjang] = Item baru;
}
ini.bermain = fungsi()
{
koleksi = ini.item
setInterval('bermain()',30);
}
}
pemutaran fungsi()
{
if(layar.lebar<=800 || closeB)
{
for(var i=0;i<koleksi.panjang;i++)
{
koleksi[i].object.style.display = 'tidak ada';
}
kembali;
}
for(var i=0;i<koleksi.panjang;i++)
{
var followObj = koleksi[i].objek;
var followObj_x = (typeof(koleksi[i].x)=='string'?eval(koleksi[i].x):koleksi[i].x);
var followObj_y = (typeof(koleksi[i].y)=='string'?eval(koleksi[i].y):koleksi[i].y);
if(followObj.offsetLeft!=(document.body.scrollLeft +ikutiObj_x)) {
var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta;
dx=(dx>0?1:-1)*Matematika.ceil(Matematika.abs(dx));
followObj.style.left=ikutiObj.offsetLeft+dx;
}
if(followObj.offsetTop!=(document.body.scrollTop+followObj_y)) {
var dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta;
dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy));
followObj.style.top=ikutiObj.offsetTop+dy;
}
followObj.style.display = '';
}
}
fungsi closeBanner()
{
tutupB=benar;
kembali;
}
var theFloaters = floaters baru();
//
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 lebar =100 tinggi=400 batas=0 ></a><br><br><img src=ad/doublead/close.gif onClick="closeBanner();">');
theFloaters.play();
Simpan kode di atas sebagai file JS, lalu panggil di halaman tempat Anda ingin mencapai efek ini * mewakili nama file yang Anda simpan! Perhatikan modifikasi alamat gambar iklan dan alamat link!
Iklan kuplet mengambang --- kode di sisi kiri.
Jika Anda ingin menampilkan satu sisi saja, berikut adalah kode yang diperlukan untuk mencapai efek di sisi kiri:
var ad_float_left_src = "alamat gambar";
var ad_float_left_url="alamat";
var ad_float_left_type = "";
document.ns = navigator.appName == "Microsoft Internet Explorer"
var imgheight_close
var imgkiri
jendela.layar.lebar>800 ? imgheight_close=120:imgheight_close=120
jendela.layar.lebar>800 ?imgkiri=8:imgkiri=122
fungsi beban saya()
{
myleft.style.top=document.body.scrollTop+document.body.offsetHigh
t-imgheight_close;
myleft.style.left=imgkiri;
gerak ke kiri();
}
fungsi gerak kiri()
{
myleft.style.top=document.body.scrollTop+document.body.offsetHigh
t-imgheight_close;
myleft.style.left=imgkiri;
setTimeout("gerakan kiri();",50)
}
function MM_reloadPage(init) {//memuat ulang jendela jika Nav4
diubah ukurannya
if (init==true) dengan (navigator) {if ((appName=="Netscape")&&
(parseInt(Versi aplikasi)==4)) {
dokumen.MM_pgW=Lebar Dalam; dokumen.MM_pgH=Tinggi Dalam;
onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!
=dokumen.MM_pgH) lokasi.reload();
}
MM_reloadPage(benar)
close_float_left(){
myleft.style.visibility='tersembunyi';
}
document.write("<div id=myleft style='posisi:
absolut;lebar:80;atas:300;kiri:5;visibilitas: terlihat;z-index: 1'>"
+"<gaya>"
+"A.closefloat:link,A.refloat:mengunjungi {teks-
dekorasi:tidak ada;warna:#000000;ukuran font:12px}"
+"A.closefloat:aktif,A.refloat:hover {text-decoration:underline;color:#0000FF;font-size:12px}"
+"</gaya>"
+"<batas tabel=0 cellpadding=0 spasi sel=0><tr><td>");
if(document.ns){
jika(ad_float_left_type!="swf")
document.write("<a href='" + ad_float_left_url + "' target
= '_blank'><img src='" + ad_float_left_src + "' LEBAR=88
tinggi=31 batas=0></a>");
kalau tidak
document.write("<EMBED src='" + ad_float_left_src + "'
kualitas=tinggi LEBAR=80 TINGGI=80 JENIS='aplikasi/x-shockwave-
flash' id=changhongout ></EMBED>");
document.write("</td></tr><tr><td lebar=80 tinggi=20
align=kanan><a href='javascript:close_float_left();void(0);'
class=closefloat><b><font color=#ff0000>Tutup</font></b></a></td></tr>"
+"</tabel>"
+"</div>");
beban saya()}
Simpan kode di atas sebagai file *.JS, lalu gunakan di halaman tempat Anda ingin mendapatkan efek ini.
<skrip src="*.js"></SCRIPT>
Sebut saja, * mewakili nama file yang Anda simpan! Perhatikan modifikasi alamat gambar iklan dan alamat link! Parameter terkait dapat disesuaikan menurut halaman.