飘浮、对联及悬浮广告代码大全
2012-02-26 17页 doc 55KB 18阅读
is_488951
暂无简介
举报
飘浮、对联及悬浮广告代码大全飘浮、对联及悬浮广告代码大全
(2011-01-10 16:51:25)
转载
标签：
飘浮
对联
悬浮广告
代码
大全
分类： 技术文章
去过新浪或者搜狐吗？虽然我们都不愿意看广告，但是它们做广告的技术我们却应该学到手，这不，又一种很流行的做法儿，做成那种两边对称的对联式的广告，而最醒目的地方还有一个关闭的小按扭，这是不是比弹出的小广告更让人容易接受一些呢，你愿意看就看，不愿意看就点击那个按扭关掉，的确是比那种被人家3721或是其它IE插件拦截掉的小弹出广告效果和功能好了许多，而那个对联式广告中的关闭...
飘浮、对联及悬浮广告代码大全
(2011-01-10 16:51:25)
转载
标签：
飘浮
对联
悬浮广告
代码
大全
分类： 技术文章
去过新浪或者搜狐吗？虽然我们都不愿意看广告，但是它们做广告的技术我们却应该学到手，这不，又一种很流行的做法儿，做成那种两边对称的对联式的广告，而最醒目的地方还有一个关闭的小按扭，这是不是比弹出的小广告更让人容易接受一些呢，你愿意看就看，不愿意看就点击那个按扭关掉，的确是比那种被人家3721或是其它IE插件拦截掉的小弹出广告效果和功能好了许多，而那个对联式广告中的关闭按扭的制作也是有一点学问的。我们姑且不论如何制作对联Flash广告，而主要讲一下那个广告里的小X（关闭按扭）的代码，以及和外部的接合。具体步骤如下：画一个小X式的图形，这应该不难吧？全部选中后，按下F8键转化成一个“按扭”组件，点击选中这个小按扭后，按下F9键打开动作面板，添加以下代码： on (release) { getURL("FSCommand:", ""); } 就这么简单吗？对，在Flash里就是这么简单了，当然，还要在网页里做以下工作。这里我们多运用一些javascript的东西来做我们这个代码块儿移植性很好的对联。全部代码如下：
居顶,不随下拉条滚动的
广告代码
随下拉条滚动的
广告代码
或者：
广告代码
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("
"
+"");
initEcAd()
[color=White][color=Red]把上面的代码另存为一个*.JS文件，然后在想实现此效果的页面之间加上一列代码：[/color][/color]
程序代码
整个这一部分包含了两段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('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,'
');
theFloaters.addItem('followDiv2',0,0,'
');
theFloaters.play();
把上面的代码另存为一个JS文件，然后在想实现此效果的页面用调用即可！注意修改广告图片地址和连接地址！
鼠标感应
与前面一个代码不同的是，当鼠标移动到广告图片上是可以感应显示另外设置好的广告大图效果，下面就是实现效果所需代码：
程序代码
function bigshow(){
document.all.div_250.style.visibility = 'visible';
document.all.div_80.style.visibility = 'hidden';
}
function bighide(){
document.all.div_80.style.visibility = 'visible';
document.all.div_250.style.visibility = 'hidden';
}
var ad_80= new Array(1);
var ad_250= new Array(1);
ad_80[0]="
";
ad_250[0]="
";
var imgheight;
var fubioleft;
window.screen.width>800 ? fubioleft=15:fubioleft=15
document.write('
'+content+'
');
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');
theFloaters.addItem('followDiv2',0,0,'');
theFloaters.play();
把上面的代码另存为一个JS文件，然后在想实现此效果的页面用调用即可！注意修改广告图片地址和连接地址！
鼠标感应
与前面一个代码不同的是，当鼠标移动到广告图片上是可以感应显示另外设置好的广告大图效果，下面就是实现效果所需代码：
程序代码
function bigshow(){
document.all.div_250.style.visibility = 'visible';
document.all.div_80.style.visibility = 'hidden';
}
function bighide(){
document.all.div_80.style.visibility = 'visible';
document.all.div_250.style.visibility = 'hidden';
}
var ad_80= new Array(1);
var ad_250= new Array(1);
ad_80[0]="";
ad_250[0]="";
var imgheight;
var fubioleft;
window.screen.width>800 ? fubioleft=15:fubioleft=15
document.write('');
ad_now = new Date();
ad_id= ad_now.getSeconds() %1
var adhead1="
";
ad_250[0]="";
var imgheight;
var fubioleft;
window.screen.width>800 ? fubioleft=15:fubioleft=15
document.write('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 = '';
}
}
function closeBanner()
{
closeB=true;
return;
}
var theFloaters = new floaters();
//
theFloaters.addItem('followDiv1','document.body.clientWidth-100',0,'
![](UploadFiles/20061181507580.gifonClick="closeBanner();")
');
theFloaters.addItem('followDiv2',0,0,'
');
theFloaters.play();
把上面的代码另存为一个JS文件，然后在想实现此效果的页面用调用即可，*代表你另存的文件名！注意修改广告图片地址和连接地址！
浮动对联广告---之左侧代码
如果您想只有一侧显示的话,下面是实现左侧效果所需代码：
程序代码
var ad_float_left_src ="图片地址";
var ad_float_left_url ="地址";
var ad_float_left_type = "";
document.ns = navigator.appName == "Microsoft Internet Explorer"
var imgheight_close
var imgleft
window.screen.width>800 ? imgheight_close=120:imgheight_close=120
window.screen.width>800 ? imgleft=8:imgleft=122
function myload()
{
myleft.style.top=document.body.scrollTop+document.body.offsetHeigh
t-imgheight_close;
myleft.style.left=imgleft;
leftmove();
}
function leftmove()
{
myleft.style.top=document.body.scrollTop+document.body.offsetHeigh
t-imgheight_close;
myleft.style.left=imgleft;
setTimeout("leftmove();",50)
}
function MM_reloadPage(init) { //reloads the window if Nav4
resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&
(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight;
onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW innerHeight!
=document.MM_pgH) location.reload();
}
MM_reloadPage(true)
function close_float_left(){
myleft.style.visibility='hidden';
}
document.write("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 = '';
}
}
function closeBanner()
{
closeB=true;
return;
}
var theFloaters = new floaters();
//
theFloaters.addItem('followDiv1','document.body.clientWidth-105',110,'
');
theFloaters.addItem('followDiv2',5,110,'
";
var adhead2="
";
//var adhead1="
");
self.onError=null;
currentX = currentY = 0;
whichIt = null;
lastScrollX = 0; lastScrollY = 0;
NS = (document.layers) ? 1 : 0;
IE = (document.all) ? 1: 0;
function heartBeat() {
if(IE) {
diffY = document.body.scrollTop;
diffX = document.body.scrollLeft; }
if(NS) {
diffY = self.pageYOffset; diffX = self.pageXOffset; }
if(diffY != lastScrollY) {
percent = .5 * (diffY - lastScrollY);
if(percent > 0) percent = Math.ceil(percent);
else percent = Math.floor(percent);
if(IE) document.all.floater_left.style.pixelTop += percent;
if(NS) document.floater_left.top += percent;
lastScrollY = lastScrollY + percent;
}
if(diffX != lastScrollX) {
percent = .5 * (diffX - lastScrollX);
if(percent > 0) percent = Math.ceil(percent);
else percent = Math.floor(percent);
if(IE) document.all.floater_left.style.pixelLeft += percent;
if(NS) document.floater_left.left += percent;
lastScrollX = lastScrollX + percent;
}
}
if(NS IE) action = window.setInterval("heartBeat()",1);var ad_80= new Array(1);
var ad_250= new Array(1);
ad_80[0]="";
//var adhead2="
";
document.write(adhead1+ad_80[ad_id]+adhead2+ad_250[ad_id]+"
");
document.write ("";
ad_250[0]="";
var imgheight;
var fubioleft;
window.screen.width>800 ? fubioleft=15:fubioleft=15
document.write('');
ad_now = new Date();
ad_id= ad_now.getSeconds() %1
function myload()
{
if (navigator.appName == "Netscape")
{
document.div_right_80.pageX=+windows.innerWidth-130;
document.div_right_250.pageX=+windows.innerWidth-300;
mymove();
}
else
{
div_right_80.style.left=document.body.offsetWidth-130;
div_right_250.style.left=document.body.offsetWidth-300;
mymove();
}
}
function mymove()
{
if(document.ns)
{
document.div_right_80.left=pageXOffset+windows.innerWidth-130;
document.div_right_250.left=pageXOffset+windows.innerWidth-300;
setTimeout("mymove();",20)
}
else
{
div_right_80.style.left=document.body.scrollLeft+document.body.offsetWidth-145;
div_right_250.style.left=document.body.scrollLeft+document.body.offsetWidth-300;
setTimeout("mymove();",20)
}
}
var adhead1="");
myload()
document.write ("
");
self.onError=null;
currentX_right = currentY_right = 0;
whichIt_right = null;
lastScrollX_right = 0; lastScrollY_right = 0;
NS = (document.layers) ? 1 : 0;
IE = (document.all) ? 1: 0;
function heartBeat_right() {
if(IE) {
diffY_right = document.body.scrollTop;
diffX_right = document.body.scrollLeft; }
if(NS) {
diffY_right = self.pageYOffset; diffX_right = self.pageXOffset; }
if(diffY_right != lastScrollY_right) {
percent_right = .5 * (diffY_right - lastScrollY_right);
if(percent_right > 0) percent_right = Math.ceil(percent_right);
else percent_right = Math.floor(percent_right);
if(IE) document.all.floater_right.style.pixelTop += percent_right;
if(NS) document.floater_right.top += percent_right;
lastScrollY_right = lastScrollY_right + percent_right;
}
if(diffX_right != lastScrollX_right) {
percent_right = .5 * (diffX_right - lastScrollX_right);
if(percent_right > 0) percent_right = Math.ceil(percent_right);
else percent_right = Math.floor(percent_right);
if(IE) document.all.floater_right.style.pixelLeft += percent_right;
if(NS) document.floater_right.left += percent_right;
lastScrollX_right = lastScrollX_right + percent_right;
}
}
if(NS IE) action = window.setInterval("heartBeat_right()",1);
function bigshow_right(){
document.all.div_right_250.style.visibility = 'visible';
document.all.div_right_80.style.visibility = 'hidden';
}
function bighide_right(){
document.all.div_right_80.style.visibility = 'visible';
document.all.div_right_250.style.visibility = 'hidden';
}document.write('');
document.write('');
document.write('');
把上面的代码另存为一个JS文件，然后在想实现此效果的页面用
程序代码
调用即可，*代表你另存的文件名！注意修改广告图片地址和连接地址！
与前面两个代码不同的是，广告图下方增加了一个图片按纽，允许访客点击关闭广告图片，下面文本框中就是实现效果所需代码：
程序代码
var delta=0.015;
var collection;
var closeB=false;
function floaters() {
this.items = [];
this.addItem = function(id,x,y,content)
{
document.write('";
var adhead2="
";
document.write(adhead1+ad_80[ad_id]+adhead2+ad_250[ad_id]+"
'+content+'
');
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()',30);
}
}
function play()
{
if(screen.width<=800 closeB)
{
for(var i=0;i');
theFloaters.play();
把上面的代码另存为一个JS文件，然后在想实现此效果的页面用调用即可，*代表你另存的文件名！注意修改广告图片地址和连接地址！
浮动对联广告---之左侧代码
如果您想只有一侧显示的话,下面是实现左侧效果所需代码：
程序代码
var ad_float_left_src ="图片地址";
var ad_float_left_url ="地址";
var ad_float_left_type = "";
document.ns = navigator.appName == "Microsoft Internet Explorer"
var imgheight_close
var imgleft
window.screen.width>800 ? imgheight_close=120:imgheight_close=120
window.screen.width>800 ? imgleft=8:imgleft=122
function myload()
{
myleft.style.top=document.body.scrollTop+document.body.offsetHeigh
t-imgheight_close;
myleft.style.left=imgleft;
leftmove();
}
function leftmove()
{
myleft.style.top=document.body.scrollTop+document.body.offsetHeigh
t-imgheight_close;
myleft.style.left=imgleft;
setTimeout("leftmove();",50)
}
function MM_reloadPage(init) { //reloads the window if Nav4
resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&
(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight;
onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW innerHeight!
=document.MM_pgH) location.reload();
}
MM_reloadPage(true)
function close_float_left(){
myleft.style.visibility='hidden';
}
document.write(""
+""
+"
"
+"
");
myload()}
把上面的代码另存为一个*.JS文件，然后在想实现此效果的页面用
广告代码
调用即可，*代表你另存的文件名！注意修改广告图片地址和连接地址！相应的参数可以根据页面自行调整。
带关闭按钮的对联广告代码
把以下文字存成js文件，比如ad.js。然后替换代码中的SWF地址。
广告代码
var delta=0.015;
var collection;
var closeB=false;
function floaters() {
this.items = [];
this.addItem = function(id,x,y,content)
{
document.write('| ");
if(document.ns){
if(ad_float_left_type!="swf")
document.write(" |
| 关闭 |
'+content+'
');
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()',1);
}
}
function play()
{
if(screen.width<=800 || closeB)
{
for(var i=0;i');
theFloaters.addItem('followDiv2',5,110,'
/
本文档为【飘浮、对联及悬浮广告代码大全】，请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑，
图片更改请在作品中右键图片并更换，文字修改请直接点击文字进行修改，也可以新增和删除文档中的内容。
[版权声明] 本站所有资料为用户分享产生，若发现您的权利被侵害，请联系客服邮件isharekefu@iask.cn，我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权，请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传，仅限个人学习分享使用，禁止用于任何广告和商用目的。
相关资料
- 三禁两不十不准
- 材料物理化学习题指南1
- 小班计划清单小班区角计划清单
- 专升本操作系统复习试题及标准答案
- 销售个人工作总结5篇
- GB∕T 50319-2013《建设工程监理规范》用表及使用说明
- 人教版五年级下册音乐《枫桥夜泊》
- 胸痛中心一级质控方案
- 表C5—6
- 中学舞蹈教室管理制度
- 高鸿业版宏观经济学第12、13章题库
- 3000个常用汉字(繁体)
- 公司战略与风险管理·单元测试·第2章
- 2023年南通地区助理业务跟单职位薪酬调查报告
- 《小英雄雨来》整本书阅读交流课教学设计
- 特种设备安全培训考试试题含答案图文稿
- 幼儿园保健医生考核表
- How do we celebrate Spring Festival
- 四级公路工程地质详勘报告
- 北京公交驾校科目三路考路线图(手绘)
热门搜索
- 关于成立安全环保部的通知
- 试论疫情对金融市场带来的影响
- 硬质支气管镜的临床应用
- 物业公司管理制度大全_组织架构_岗位职责_指导思想
- 视频监控工程施工规范
- 拆旧塔施工方案
- 开拓创新谋发展团结务实促和谐-街道总结大会讲话
- 《我的空中楼阁》说课稿
- PEC电气工程英语证书考试-电气工程常用英语词汇1000个1
- 微机考试样题及答案
- 变形金刚G1组合部队深度分析——兼论名称翻译(一)
- 突出政府扶持项目的标语 (12页)
- (完整)二年级上学期数学题集(可直接打印)
- ATNC学会成立大会新闻稿
- 关于成立安全环保部的通知
- 试论疫情对金融市场带来的影响
- 硬质支气管镜的临床应用
- 物业公司管理制度大全_组织架构_岗位职责_指导思想
- 视频监控工程施工规范
- 拆旧塔施工方案
- 开拓创新谋发展团结务实促和谐-街道总结大会讲话
- 《我的空中楼阁》说课稿
- PEC电气工程英语证书考试-电气工程常用英语词汇1000个1
- 微机考试样题及答案
- 变形金刚G1组合部队深度分析——兼论名称翻译(一)
- 突出政府扶持项目的标语 (12页)
- (完整)二年级上学期数学题集(可直接打印)
- ATNC学会成立大会新闻稿
你可能还喜欢
- 《立定跳远》观课报告
- 海洋中浮游动物与浮游植物的关系【文献综述】
- GJB 467A-2008 生产提供过程质量控制
- 油脂化学之皂化反应ppt课件
- 2018中医内科学副高考试总结(2018整理)
- 巴罗夫-微脉冲位移传感器BTL-外壳突出型A1系列
- 度米作文汇编之优秀高一记事作文范文今日我当家.doc
- 大班说课稿《区分左右》
- 美术室器材借还登记表
- 建筑门、窗、玻璃委托单
- 加油站隐患自查自纠报告
- 2021年度食品生产企业日常监督检查计划表
- 北京市海淀区六年级(上)期末数学试卷
- 双河镇中心小学校信息技术应用20制度方案
- 杀虫气雾剂生产设备及配方介绍
- 国家林业局关于森林公安机关查处林业行政案件有关问题的通知
- 内蒙古多伦诺尔历史文化名镇保护规划
- 内蒙古多伦诺尔历史文化名镇保护规划
- 内蒙古多伦诺尔历史文化名镇保护规划
- 内蒙古多伦诺尔历史文化名镇保护规划
浙公网安备 33021202002483