Heim >Web-Frontend >js-Tutorial >js links und rechts schwebender Couplet-Werbecode example_layout und Ebenen

js links und rechts schwebender Couplet-Werbecode example_layout und Ebenen

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal
2016-05-16 16:27:351579Durchsuche

Ein links- und rechtsschwebender js-Anzeigencode, solange Sie die Anzeigenbildadresse und die Verbindungsadresse ändern und die entsprechenden Parameter entsprechend der Seite anpassen, können Sie diesen links- und rechtsschwebenden Anzeigencode verwenden

Code:

var delta=0.15
 var collection;
 function floaters() {
 this.items = ;
 this.addItem = function(id,x,y,content)
   {
   document.write('<DIV id='+id+' style="Z-INDEX: 10; POSITION: absolute; width:80px; height:60px;left:'+(typeof(x)=='string'&#63;eval(x):x)+';top:'+(typeof(y)=='string'&#63;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()
   {
   collection  = this.items
   setInterval('play()',10);
   }
 }
 function play()
 {
  for(var i=0;i<collection.length;i++)
  {
  var followObj = collection[i].object;
  var followObj_x = (typeof(collection[i].x)=='string'&#63;eval(collection[i].x):collection[i].x);
  var followObj_y = (typeof(collection[i].y)=='string'&#63;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&#63;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&#63;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-112',230,'<a href=左链接地址 target=_blank><img  src="/static/imghwm/default1.png"  data-src="*.js"  class="lazy"  src=左图片地址 border=0 alt="js links und rechts schwebender Couplet-Werbecode example_layout und Ebenen" ></a>');
 theFloaters.addItem('followDiv2',12,230,'<a href=右链接地址 target=_blank><img  src="/static/imghwm/default1.png"  data-src="*.js"  class="lazy"  src=右图片地址 border=0 alt="js links und rechts schwebender Couplet-Werbecode example_layout und Ebenen" ></a>');
 theFloaters.play();

Speichern Sie es als *.js-Datei und zitieren Sie es auf der Seite: <script></script> Rufen Sie es einfach auf, * steht für den Dateinamen, den Sie gespeichert haben!
Hinweis: Werbebildadresse und Verbindungsadresse ändern! Die entsprechenden Parameter können je nach Seite angepasst werden.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn