Полный список эффектов рекламного кода куплета веб-страницы

Автор：Eve Cole Время обновления：2009-06-08 18:25:56

В настоящее время многие рекламные объявления на веб-сайтах находятся в самом разгаре. Теперь я расскажу об использовании кода обычного эффекта плавающей рекламы. Представленный эффект может отображаться как обычно с разрешением 1024 * 768, так и с разрешением 800 * 600. Автоматически скрывать, чтобы не блокировать страницу и не влиять на просмотр содержимого посетителями. Для достижения эффекта необходим следующий код.

варддельта=0,015
коллекция var;
функция поплавки() {
this.items = [];
this.addItem = функция (id, x, y, содержимое)
{
document.write('<DIV id='+id+' style="Z-INDEX: 0; POSITION: абсолютное; ширина: 80 пикселей; высота: 60 пикселей; влево:'+(typeof(x)=='string'?eval (x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'">'+content+'</DIV>');

вар newItem = {};
newItem.object = document.getElementById(id);
новыйItem.x = х;
newItem.y = y;

this.items[this.items.length] = newItem;
}
это.play = функция()
{
коллекция = this.items
setInterval('play()',10);
}
}
функция воспроизведения()
{
если (экран.ширина<= 800)
{
for(var i=0;i<collection.length;i++)
{
коллекция[i].object.style.display = 'none';
}
возвращаться;
}
for(var i=0;i<collection.length;i++)
{
вар 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) +followObj_x)) {
var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta;
dx=(dx>0?1:-1)*Math.ceil(Math.abs(dx));
FollowObj.style.left=followObj.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=followObj.offsetTop+dy;
}
FollowObj.style.display = '';
}
}

вар theFloaters = новые поплавки();
theFloaters.addItem('followDiv1','document.body.clientWidth-100',0,'</a><br><a href=Адрес рекламной ссылки target=_blank><img src=Адрес рекламного изображения ширина=100 высота =400 border=0></a>');
theFloaters.addItem('followDiv2',0,0,'<br><a href=Адрес рекламной ссылки target=_blank><img src=Адрес рекламного изображения width=100 height=400 border=0></a>') ;
theFloaters.play();
Сохраните приведенный выше код как файл 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 = 'скрытый';
}

вар ad_80 = новый массив (1);
var ad_250= new Array(1);

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

;
вар фубиолефт;
window.screen.width>800 ? fubioleft=15:fubioleft=15

document.write('<DIV id=floater_left style="Z-INDEX: 25; LEFT:'+fubioleft+'px; WIDTH: 28px;POSITION: Absolute; ВЕРХУ: 42 пикселя; ВЫСОТА: 22 пикселя">');

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; ширина: 80; высота: 60' onMouseOut=bighide();>";

//var

adhead2="</div><div id=div_250 style='position:absolute;

adhead1="<div id=div_80 style='position:absolute; width:95px; height:62px; z-index:20' onMouseOut='//MM_showHideLayers("div_250","","hide "")' onMouseOver='MM_showHideLayers("div_250","","show")'>";
//var adhead2="</div><div id=div_250 style='position:absolute; z-index:21;visibility: скрыто; ширина: 80; высота: 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>");

if(NS || IE) action = window.setInterval("heartBeat()",1);var ad_80= new Array(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> </а>";
ad_250[0]="<a href=http://www.dfeng.net target=_blank><img src=/skin/adv43/ad/ad_ad.jpg border=0></a>"

;
вар фубиолефт;
window.screen.width>800 ? fubioleft=15:fubioleft=15

document.write('<DIV id=floater_right style="Z-INDEX: 25; LEFT:'+fubioleft+'px; WIDTH: 28px;POSITION: Absolute; ВЕРХУ: 42 пикселя; ВЫСОТА: 22 пикселя">');

ad_now = новая дата();
ad_id= ad_now.getSeconds() %1

функция моязагрузка()
{
if (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()
{
если(документ.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; ширина: 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('');
документ.запись('');
документ.запись('');
Сохраните приведенный выше код как файл JS, а затем используйте его на странице, где вы хотите добиться такого эффекта.

В отличие от двух предыдущих кодов, под рекламным изображением добавляется кнопка изображения, позволяющая посетителям щелкнуть, чтобы закрыть рекламное изображение. Следующее текстовое поле представляет собой код, необходимый для достижения эффекта:

вар дельта=0,015;
коллекция var;
вар closeB = ложь;
функция поплавки() {
this.items = [];
this.addItem = функция (id, x, y, содержимое)
{
document.write('<DIV id='+id+' style="Z-INDEX: 10; POSITION: абсолютное; ширина: 80 пикселей; высота: 60 пикселей; влево:'+(typeof(x)=='string'?eval (x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'">'+content+'</DIV>');

вар newItem = {};
newItem.object = document.getElementById(id);
новыйItem.x = х;
newItem.y = y;

this.items[this.items.length] = newItem;
}
это.play = функция()
{
коллекция = this.items
setInterval('play()',30);
}
}
функция воспроизведения()
{
if(screen.width<=800 || closeB)
{
for(var i=0;i<collection.length;i++)
{
коллекция[i].object.style.display = 'none';
}
возвращаться;
}
for(var i=0;i<collection.length;i++)
{
вар 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);

вар 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 height=400 border=0 ></a><br><br><img src=ad/doublead/close.gif onClick="closeBanner();">');
theFloaters.play();
Сохраните приведенный выше код как файл JS, а затем вызовите его на странице, где вы хотите добиться этого эффекта. * представляет имя сохраненного вами файла! Обратите внимание на изменение адреса рекламного изображения и адреса ссылки!

Плавающие рекламные куплеты – код слева.

Если вы хотите отображать только одну сторону, следующий код необходим для достижения эффекта с левой стороны:

var ad_float_left_src = "адрес изображения";
var ad_float_left_url="адрес";
var ad_float_left_type = "";
document.ns = navigator.appName == "Microsoft Internet Explorer"

var imgheight_close
вар имглефт
window.screen.width>800 ? imgheight_close=120:imgheight_close=120
window.screen.width>800 ? imgleft=8:imgleft=122
функция моязагрузка()
{
myleft.style.top=document.body.scrollTop+document.body.offsetHeigh
т-imgheight_close;
myleft.style.left = imgleft;
левый ход();
}
функция левого перемещения()
{
myleft.style.top=document.body.scrollTop+document.body.offsetHeigh
t-imgheight_close;
myleft.style.left = imgleft;
setTimeout("leftmove();",50)
}

функция close_float_left(){
myleft.style.visibility = 'скрытый';
}

document.write("<div id=myleft style='position:
абсолютный;ширина:80;сверху:300;слева:5;видимость: видимый;z-индекс: 1'>"
+"<стиль>"
+"A.closefloat:ссылка,A.refloat:посещенный {текст-
украшение: нет; цвет: # 000000; размер шрифта: 12 пикселей}"
+"A.closefloat:active,A.refloat:hover {text-decoration:underline;color:#0000FF;font-size:12px}"
+"</style>"
+"<table border=0 cellpadding=0 cellpacing=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
height=31 border=0></a>");
еще
document.write("<EMBED src='" + ad_float_left_src + "'
качество=высокая ШИРИНА=80 ВЫСОТА=80 ТИП='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>");

моязагрузка()}
Сохраните приведенный выше код как файл *.JS, а затем используйте его на странице, где вы хотите добиться такого эффекта.