飘浮、对联及悬浮广告代码大全

http://blog.sina.com.cn/s/articlelist_1237210040_2_1.html

去过新浪或者搜狐吗？虽然我们都不愿意看广告，但是它们做广告的技术我们却应该学到手，这不，又一种很流行的做法儿，做成那种两边对称的对联式的广告，而最醒目的地方还有一个关闭的小按扭，这是不是比弹出的小广告更让人容易接受一些呢，你愿意看就看，不愿意看就点击那个按扭关掉，的确是比那种被人家3721或是其它IE插件拦截掉的小弹出广告效果和功能好了许多，而那个对联式广告中的关闭按扭的制作也是有一点学问的。我们姑且不论如何制作对联Flash广告，而主要讲一下那个广告里的小X（关闭按扭）的代码，以及和外部的接合。具体步骤如下：画一个小X式的图形，这应该不难吧？全部选中后，按下F8键转化成一个“按扭”组件，点击选中这个小按扭后，按下F9键打开动作面板，添加以下代码： on (release) { getURL("FSCommand:", ""); } 就这么简单吗？对，在Flash里就是这么简单了，当然，还要在网页里做以下工作。这里我们多运用一些javascript的东西来做我们这个代码块儿移植性很好的对联。全部代码如下：

居顶,不随下拉条滚动的

广告代码

<SCRIPT language=javascript event=FSCommand() for=dl>
duilian2.style.visibility='hidden';
duilian3.style.visibility='hidden';
</SCRIPT> <SCRIPT language=javascript>
function winload()
{
duilian2.style.top=20;
duilian2.style.left=5;
duilian3.style.top=20;
duilian3.style.right=5;
}
//if(document.body.offsetWidth>800){
{
document.write("<div id=duilian2 style='position: absolute;visibility:visible;z-index:1'><EMBED src='1.swf' quality=high WIDTH=100 HEIGHT=300 TYPE='application/x-shockwave-flash' id=dl></EMBED></div>"
+"<div id=duilian3 style='position: absolute;visibility:visible;z-index:1'><EMBED src='1.swf' quality=high WIDTH=100 HEIGHT=300 TYPE='application/x-shockwave-flash' id=dl></EMBED></div>");
}
winload()
//}
</SCRIPT>

随下拉条滚动的

广告代码

<SCRIPT FOR='EccoolAd' EVENT='fscommand()' LANGUAGE='javascript'>
AdLayer1.style.visibility='hidden';
AdLayer2.style.visibility='hidden';
</script>
<script>
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 = 50;
var diff = (document.body.scrollTop + y - document.all.AdLayer1.style.posTop)*.40;
var y = document.body.scrollTop + y - diff;
eval_r("document.all." + layerName + ".style.posTop = y");
eval_r("document.all." + layerName + ".style.posLeft = x");
setTimeout("MoveLeftLayer('AdLayer1');", 20);
}
function MoveRightLayer(layerName) {
var x = 5;
var y = 50;
var diff = (document.body.scrollTop + y - document.all.AdLayer2.style.posTop)*.40;
var y = document.body.scrollTop + y - diff;
eval_r("document.all." + layerName + ".style.posTop = y");
eval_r("document.all." + layerName + ".style.posRight = x");
setTimeout("MoveRightLayer('AdLayer2');", 20);
}
document.write("<div id=AdLayer1 style='position: absolute;visibility:hidden;z-index:1'><EMBED src='1.swf' quality=high WIDTH=100 HEIGHT=300 TYPE='application/x-shockwave-flash' id=dl></EMBED></div>"
+"<div id=AdLayer2 style='position: absolute;visibility:hidden;z-index:1'><EMBED src='1.swf' quality=high WIDTH=100 HEIGHT=300 TYPE='application/x-shockwave-flash' id=dl></EMBED></div>");
initEcAd()
</script>

或者：

广告代码

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 = 165 ;
var diff = (document.body.scrollTop + y - document.all.AdLayer1.style.posTop)*.40;
var y = document.body.scrollTop + y - diff;
eval_r("document.all." + layerName + ".style.posTop = y");
eval_r("document.all." + layerName + ".style.posLeft = x");
setTimeout("MoveLeftLayer('AdLayer1');", 20);
}
function MoveRightLayer(layerName) {
var x = 5;
var y = 165;
var diff = (document.body.scrollTop + y - document.all.AdLayer2.style.posTop)*.40;
var y = document.body.scrollTop + y - diff;
eval_r("document.all." + layerName + ".style.posTop = y");
eval_r("document.all." + layerName + ".style.posRight = x");
setTimeout("MoveRightLayer('AdLayer2');", 20);
}
document.write("<div id=AdLayer1 style='position: absolute;visibility:hidden;z-index:1'><a href=“” target=_blank ><img src=图片地址 border=0></a></div>"
+"<div id=AdLayer2 style='position: absolute;visibility:hidden;z-index:1'><a href=连接地址 target=_blank ><img src=图片地址 border=0></a></div>");
initEcAd()

[color=White][color=Red]把上面的代码另存为一个*.JS文件，然后在想实现此效果的页面<head></head>之间加上一列代码：[/color][/color]

程序代码

<SCRIPT FOR='EccoolAd' EVENT='fscommand()' LANGUAGE='JavaScript'>
AdLayer1.style.visibility='hidden';
AdLayer2.style.visibility='hidden';
</script>
<script src="/blog/ggao.js>";</script>

程序代码

<SCRIPT language=javascript event=FSCommand() for=dl>
duilian2.style.visibility='hidden';
duilian3.style.visibility='hidden';
</SCRIPT>

<SCRIPT language=javascript>
function winload()
{
duilian2.style.top=20;
duilian2.style.left=5;
duilian3.style.top=20;
duilian3.style.right=5;
}
//if(document.body.offsetWidth>800){
{
document.write("<div id=duilian2 style='position: absolute;visibility:visible;z-index:1'><EMBED src='duilian.swf' quality=high WIDTH=100 HEIGHT=300 TYPE='application/x-shockwave-flash' id=dl></EMBED></div>"
+"<div id=duilian3 style='position: absolute;visibility:visible;z-index:1'><EMBED src='duilian.swf' quality=high WIDTH=100 HEIGHT=300 TYPE='application/x-shockwave-flash' id=dl></EMBED></div>");
}
winload()
//}
</SCRIPT>

整个这一部分包含了两段JS代码块，从第一个看以看出是设置当对联Flash中发生事件眯FSCommand()时duilian2和duilian3的visibility（可见）属性为hidden（隐藏）。而第二段JS就是插入对联广告以及设置了一下对联在浏览器窗口中所出现的位置。把上边那段代码，插入到任何网页的之间，然后把那个对联Flash拷贝到和那网页同目录下，浏览就可以看到了，怎么样，是不是又感觉学会了一招儿？

网页对联广告代码效果大全

现在很多网站广告做的如火如荼，现在我就来介绍一下常见的对联浮动广告效果的代码使用方法，介绍的这种效果，在1024*768分辨率下正常显示，在800*600的分辨率下可以自动隐藏，以免遮住页面影响访问者浏览内容，下面就是实现效果所需代码：

程序代码

var delta=0.015
var collection;
function floaters() {
this.items = [];
this.addItem = function(id,x,y,content)
{
document.write('<DIV id='+id+' style="Z-INDEX: 0; POSITION: absolute; width:80px; height:60px;left:'+(typeof(x)=='string'?eval_r(x):x)+';top:'+(typeof(y)=='string'?eval_r(y):y)+'">'+content+'</DIV>');

var newItem = {};
newItem.object = document.getElementByIdx_x_x_x_x(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_r(collection[i].x):collection[i].x);
var followObj_y = (typeof(collection[i].y)=='string'?eval_r(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="http://www.yjfyw.com" target=_blank><img src="http://www.yjfyw.com/templets/pic/logo.gif" width=100 height=400 border=0></a>');
theFloaters.addItem('followDiv2',0,0,'<br><a href="http://www.crochina.net" target=_blank><img src="http://crochina.net/templets/default/images/logo.gif" width=100 height=400 border=0></a>');
theFloaters.play();

把上面的代码另存为一个JS文件，然后在想实现此效果的页面用调用即可！注意修改广告图片地址和连接地址！

鼠标感应

与前面一个代码不同的是，当鼠标移动到广告图片上是可以感应显示另外设置好的广告大图效果，下面就是实现效果所需代码：

程序代码

把上面的代码另存为一个JS文件，然后在想实现此效果的页面用

程序代码

调用即可，*代表你另存的文件名！注意修改广告图片地址和连接地址！

与前面两个代码不同的是，广告图下方增加了一个图片按纽，允许访客点击关闭广告图片，下面文本框中就是实现效果所需代码：

程序代码

把上面的代码另存为一个JS文件，然后在想实现此效果的页面用调用即可，*代表你另存的文件名！注意修改广告图片地址和连接地址！

浮动对联广告---之左侧代码
如果您想只有一侧显示的话,下面是实现左侧效果所需代码：

程序代码

把上面的代码另存为一个*.JS文件，然后在想实现此效果的页面用

广告代码

调用即可，*代表你另存的文件名！注意修改广告图片地址和连接地址！相应的参数可以根据页面自行调整。

带关闭按钮的对联广告代码
把以下文字存成js文件，比如ad.js。然后替换代码中的SWF地址。

广告代码

秒客网

飘浮、对联及悬浮广告代码大全

相关文章