|
藍森林 http://www.lslnet.com 2006年8月25日 8:28
網頁兩邊的浮動廣告怎麼做?
在網上查了好多,對聯廣告怎麼實現一邊是FLASH,一邊 是圖片啊,我試了好幾次都不行,哪位有指教一下,類似http://www.cn93939.cn/index.asp! |
js 代碼!!
你搜索"對聯式js特效"
會出來一堆這樣的說明 |
以下代碼加入<body>區域 類似的很多
<SCRIPT LANGUAGE="JavaScript">
<!--
//more javascript from http://www.smallrain.net
function initEcAd() {
document.all.AdLayer1.style.posTop = -200;
document.all.AdLayer1.style.visibility = 'visible'
document.all.AdLayer2.style.posTop = -200;
document.all.AdLayer2.style.visibility = 'visible'
MoveLeftLayer('AdLayer1');
MoveRightLayer('AdLayer2');
}
function MoveLeftLayer(layerName) {
var x = 5;
var y = 340;
var diff = (document.body.scrollTop + y - document.all.AdLayer1.style.posTop)*.40;
var y = document.body.scrollTop + y - diff;
eval("document.all." + layerName + ".style.posTop = parseInt(y)");
eval("document.all." + layerName + ".style.posLeft = x");
setTimeout("MoveLeftLayer('AdLayer1');", 20);
}
function MoveRightLayer(layerName) {
var x = 5;
var y = 340;
var diff = (document.body.scrollTop + y - document.all.AdLayer2.style.posTop)*.40;
var y = document.body.scrollTop + y - diff;
eval("document.all." + layerName + ".style.posTop = y");
eval("document.all." + layerName + ".style.posRight = x");
setTimeout("MoveRightLayer('AdLayer2');", 20);
}
document.write("<div id=AdLayer1 style='position: absolute;visibility:hidden;z-index:1'><img src=http://www.smallrain.net/jsimg/1yuan.gif></div>"
+"<div id=AdLayer2 style='position: absolute;visibility:hidden;z-index:1'><img src=http://www.smallrain.net/jsimg/2yuan.gif></div>");
initEcAd()
//-->
</SCRIPT> |
好 |
你這是兩邊都是圖片的了,樓主要的是一邊FLASH,一邊圖片呀,看看這個行不行?
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+'</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()
{
if(screen.width<=800)
{
for(var i=0;i<collection.length;i++)
{
collection[i].object.style.display = 'none';
}
return;
}
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-106',102,'><a href=廣告鏈接地址 target=_blank><img src=廣告圖片地址 width=100 height=400 border=0></a>');
theFloaters.addItem('followDiv2',6,102,'<object classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000 codebase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0 width=100 height=300 id=nowad><param name=movie value=所要的廣告FLASH><param name=quality value=high><<param name=wmode value=transparent><embed src=swf/ad.swf quality=high pluginspage=http://www.macromedia.com/go/getflashplayer wmode=transparent type=application/x-shockwave-flash width=100 height=300></embed></object>');
theFloaters.play();
然後再生成一個JS文件,調用就可以了,這個不用我說應該都會! |
|