Heutzutage sind viele Website-Werbungen in vollem Gange. Jetzt werde ich die Codeverwendung des gemeinsamen Couplet-Werbeeffekts vorstellen. Der eingeführte Effekt kann normal mit einer Auflösung von 1024 * 768 angezeigt werden und kann mit einer Auflösung von 800 * 600 angezeigt werden . Automatisch ausblenden, um eine Blockierung der Seite und eine Beeinträchtigung des Browserinhalts der Besucher zu vermeiden. Der folgende Code ist erforderlich, um den Effekt zu erzielen:
Vardelta=0,015
Var-Sammlung;
Funktion floaters() {
this.items = [];
this.addItem = function(id,x,y,content)
{
document.write('<DIV id='+id+' style="Z-INDEX: 0; POSITION: absolut; width:80px; height:60px;left:'+(typeof(x)=='string'?eval (x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'">'+content+'</DIV>');
var newItem = {};
newItem.object = document.getElementById(id);
newItem.x = x;
newItem.y = y;
this.items[this.items.length] = newItem;
}
this.play = function()
{
Sammlung = this.items
setInterval('play()',10);
}
}
Funktion play()
{
if(screen.width<=800)
{
for(var i=0;i<collection.length;i++)
{
Sammlung[i].object.style.display = 'none';
}
zurückkehren;
}
for(var i=0;i<collection.length;i++)
{
var followObj = Sammlung[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 = '';
}
}
var theFloaters = new floaters();
theFloaters.addItem('followDiv1','document.body.clientWidth-100',0,'</a><br><a href=Adresse des Werbelinks target=_blank><img src=Adresse des Werbebildes width=100 height =400 border=0></a>');
theFloaters.addItem('followDiv2',0,0,'<br><a href=Adresse des Werbelinks target=_blank><img src=Adresse des Werbebildes width=100 height=400 border=0></a>') ;
theFloaters.play();
Speichern Sie den obigen Code als JS-Datei und rufen Sie ihn dann auf der Seite auf, auf der Sie diesen Effekt erzielen möchten! Achten Sie darauf, die Ad-Image-Adresse und die Link-Adresse zu ändern!
[Mauserkennung]
Anders als beim vorherigen Code kann die Maus beim Bewegen über das Werbebild den zusätzlich eingestellten Werbe-Großbildeffekt erkennen und anzeigen. Der folgende Code ist erforderlich, um den Effekt zu erzielen:
Funktion bigshow(){
document.all.div_250.style.visibility = 'visible';
document.all.div_80.style.visibility = 'versteckt';
}
Funktion bighide(){
document.all.div_80.style.visibility = 'visible';
document.all.div_250.style.visibility = 'versteckt';
}
var ad_80= new Array(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> </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: absolute; TOP: 42px; HEIGHT: 22px">');
ad_now = new Date();
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; Sichtbarkeit: versteckt; z-index:13;width: 80; Höhe: 60' onMouseOut=bighide();>"
; 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: versteckt; 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;
aktuellX = aktuellY = 0;
whichIt = null;
lastScrollX = 0; lastScrollY = 0;
NS = (document.layers) 1 : 0;
IE = (document.all) 1: 0;
Funktion heartBeat() {
if(IE) {
diffY = document.body.scrollTop;
diffX = document.body.scrollLeft }
if(NS) {
diffY = self.pageYOffset; diffX = self.pageXOffset }
if(diffY != lastScrollY) {
Prozent = .5 * (diffY - lastScrollY);
if(Prozent > 0) Prozent = Math.ceil(Prozent);
sonst prozent = Math.floor(percent);
if(IE) document.all.floater_left.style.pixelTop += Prozent;
if(NS) document.floater_left.top += Prozent;
lastScrollY = lastScrollY + Prozent;
}
if(diffX != lastScrollX) {
Prozent = .5 * (diffX - lastScrollX);
if(Prozent > 0) Prozent = Math.ceil(Prozent);
sonst prozent = Math.floor(percent);
if(IE) document.all.floater_left.style.pixelLeft += Prozent;
if(NS) document.floater_left.left += Prozent;
lastScrollX = lastScrollX + Prozent;
}
}
if(NS || IE) action = window.setInterval("heartBeat()",1);var ad_80= new Array(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.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 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: absolute; TOP: 42px; HEIGHT: 22px">');
ad_now = new Date();
ad_id= ad_now.getSeconds() %1
Funktion myload()
{
if (navigator.appName == "Netscape")
{
document.div_right_80.pageX=+window.innerWidth-130;
document.div_right_250.pageX=+window.innerWidth-300;
mymove();
}
anders
{
div_right_80.style.left=document.body.offsetWidth-130;
div_right_250.style.left=document.body.offsetWidth-300;
mymove();
}
}
Funktion mymove()
{
if(document.ns)
{
document.div_right_80.left=pageXOffset+window.innerWidth-130;
document.div_right_250.left=pageXOffset+window.innerWidth-300;
setTimeout("mymove();",20)
}
anders
{
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; Sichtbarkeit: versteckt; z-index:13;width: 250; Höhe: 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>");
self.onError=null;
currentX_right = currentY_right = 0;
whichIt_right = null;
lastScrollX_right = 0; lastScrollY_right = 0;
NS = (document.layers) 1 : 0;
IE = (document.all) 1: 0;
Funktion heartBeat_right() {
if(IE) {
diffY_right = document.body.scrollTop;
diffX_right = document.body.scrollLeft }
if(NS) {
diffY_right = self.pageYOffset; diffX_right = self.pageXOffset }
if(diffY_right != lastScrollY_right) {
percent_right = .5 * (diffY_right - lastScrollY_right);
if(percent_right > 0) percent_right = Math.ceil(percent_right);
sonst percent_right = Math.floor(percent_right);
if(IE) document.all.floater_right.style.pixelTop +=cent_right;
if(NS) document.floater_right.top += percent_right;
lastScrollY_right = lastScrollY_right + percent_right;
}
if(diffX_right != lastScrollX_right) {
percent_right = .5 * (diffX_right - lastScrollX_right);
if(percent_right > 0) percent_right = Math.ceil(percent_right);
sonst percent_right = Math.floor(percent_right);
if(IE) document.all.floater_right.style.pixelLeft += percent_right;
if(NS) document.floater_right.left += percent_right;
lastScrollX_right = lastScrollX_right + percent_right;
}
}
if(NS || IE) action = window.setInterval("heartBeat_right()",1);
Funktion bigshow_right(){
document.all.div_right_250.style.visibility = 'visible';
document.all.div_right_80.style.visibility = 'hidden';
}
Funktion bighide_right(){
document.all.div_right_80.style.visibility = 'visible';
document.all.div_right_250.style.visibility = 'hidden';
}document.write('');
document.write('');
document.write('');
Speichern Sie den obigen Code als JS-Datei und verwenden Sie ihn dann auf der Seite, auf der Sie diesen Effekt erzielen möchten.
<script type="text/javascript" language="javascript1.2" src="*.js"></SCRIPT>
Nennen Sie es einfach, * steht für den Dateinamen, den Sie gespeichert haben! Achten Sie darauf, die Ad-Image-Adresse und die Link-Adresse zu ändern!
Im Gegensatz zu den beiden vorherigen Codes wird unter dem Werbebild eine Bildschaltfläche hinzugefügt, die es Besuchern ermöglicht, das Werbebild durch Klicken zu schließen. Das folgende Textfeld ist der erforderliche Code, um den Effekt zu erzielen:
var delta=0,015;
Var-Sammlung;
var closeB=false;
Funktion floaters() {
this.items = [];
this.addItem = function(id,x,y,content)
{
document.write('<DIV id='+id+' style="Z-INDEX: 10; POSITION: absolut; width:80px; height:60px;left:'+(typeof(x)=='string'?eval (x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'">'+content+'</DIV>');
var newItem = {};
newItem.object = document.getElementById(id);
newItem.x = x;
newItem.y = y;
this.items[this.items.length] = newItem;
}
this.play = function()
{
Sammlung = this.items
setInterval('play()',30);
}
}
Funktion play()
{
if(screen.width<=800 || closeB)
{
for(var i=0;i<collection.length;i++)
{
Sammlung[i].object.style.display = 'none';
}
zurückkehren;
}
for(var i=0;i<collection.length;i++)
{
var followObj = Sammlung[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 = '';
}
}
Funktion closeBanner()
{
closeB=true;
zurückkehren;
}
var theFloaters = new floaters();
//
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 width =100 height=400 border=0 ></a><br><br><img src=ad/doublead/close.gif onClick="closeBanner();">');
theFloaters.play();
Speichern Sie den obigen Code als JS-Datei und rufen Sie ihn dann auf der Seite auf, auf der Sie diesen Effekt erzielen möchten. * steht für den Dateinamen, den Sie gespeichert haben! Achten Sie darauf, die Ad-Image-Adresse und die Link-Adresse zu ändern!
Floating Couplet-Anzeigen --- der Code auf der linken Seite.
Wenn Sie nur eine Seite anzeigen möchten, ist der folgende Code erforderlich, um den Effekt auf der linken Seite zu erzielen:
var ad_float_left_src = "Bildadresse";
var ad_float_left_url="Adresse";
var ad_float_left_type = "";
document.ns = navigator.appName == „Microsoft Internet Explorer“
var imgheight_close
var imgleft
window.screen.width>800 ? imgheight_close=120:imgheight_close=120
window.screen.width>800 ? imgleft=8:imgleft=122
Funktion myload()
{
myleft.style.top=document.body.scrollTop+document.body.offsetHeigh
t-imgheight_close;
myleft.style.left=imgleft;
leftmove();
}
Funktion leftmove()
{
myleft.style.top=document.body.scrollTop+document.body.offsetHeigh
t-imgheight_close;
myleft.style.left=imgleft;
setTimeout("leftmove();",50)
}
function MM_reloadPage(init) { //lädt das Fenster neu, wenn Nav4
verkleinert
if (init==true) mit (navigator) {if ((appName=="Netscape")&&
(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight;
onresize=MM_reloadPage; }}
sonst wenn (innerWidth!=document.MM_pgW || innerHeight!
=document.MM_pgH) location.reload();
}
MM_reloadPage(true)
Funktion close_float_left(){
myleft.style.visibility='hidden';
}
document.write("<div id=myleft style='position:
absolut;width:80;top:300;left:5;visibility: sichtbar;z-index: 1'>"
+"<Stil>"
+"A.closefloat:link,A.refloat:visited {text-
Dekoration: keine; Farbe: #000000; Schriftgröße: 12 Pixel}"
+"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(ad_float_left_type!="swf")
document.write("<a href='" + ad_float_left_url + "' target
= '_blank'><img src='" + ad_float_left_src + "' WIDTH=88
height=31 border=0></a>");
anders
document.write("<EMBED src='" + ad_float_left_src + "'
Qualität=hoch 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>Schließen</font></b></a></td></tr>"
+"</table>"
+"</div>");
myload()}
Speichern Sie den obigen Code als *.JS-Datei und verwenden Sie ihn dann auf der Seite, auf der Sie diesen Effekt erzielen möchten.
<script src="*.js"></SCRIPT>
Nennen Sie es einfach, * steht für den Dateinamen, den Sie gespeichert haben! Achten Sie darauf, die Ad-Image-Adresse und die Link-Adresse zu ändern! Die entsprechenden Parameter können je nach Seite angepasst werden.