Home > Web Front-end > JS Tutorial > Couplet floating ad effect_advertising code

Couplet floating ad effect_advertising code

WBOY
Release: 2016-05-16 19:28:24
Original
1011 people have browsed it

Nowadays, many website advertisements are in full swing. Now I will introduce the code usage of common couplet floating advertising effect. The effect introduced can be displayed normally at the resolution of 1024*768 and can be displayed at the resolution of 800*600. Automatically hide to avoid blocking the page and affecting visitors' browsing content. The following is the code required to achieve the effect:


[Ctrl A select all Note: If you need to introduce external Js, you need to refresh to execute
]<script>//固漂广告 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'?eval(x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'">'+content+''); 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'?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-105',20,'<a href="http://www.iyuanma.com/sucai/" target="_blank" title="素材频道"><IMG src="http://www.iyuanma.com/asd/images/asd_top_100.gif" width=100 height=400 border="0">'); theFloaters.addItem('followDiv2',10,20,'<a href="http://www.iyuanma.com/sucai/" target="_blank" title="素材频道"><IMG src="http://www.iyuanma.com/asd/images/asd_top_100-2.gif" width=100 height=400 border="0">'); theFloaters.play(); //固漂广告end</script>
Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template