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

WBOY
Freigeben: 2016-05-16 16:27:35
Original
1492 Leute haben es durchsucht

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=左图片地址 border=0></a>');
 theFloaters.addItem('followDiv2',12,230,'<a href=右链接地址 target=_blank><img src=右图片地址 border=0></a>');
 theFloaters.play();
Nach dem Login kopieren

Speichern Sie es als *.js-Datei und zitieren Sie es auf der Seite: 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.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage