<html>
<head>
<title>随页面滚动的对联广告</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<center><h1>随页面滚动的对联广告</h1><hr></center>
<p> </p><p> </p><p> </p><p> </p>
<p> </p><p> </p><p> </p><p>
<script language="JavaScript">
var delta=0.8;
var collection;
var closeB=false;
function floaters()
{
this.items= [];
this.addItem= function(id,x,y,content)
{ //向页面写入一个<div>
document.write('<DIV id='+id);
document.write(' style="Z-INDEX: 10; POSITION: absolute;width:80px; height:60px;');
document.write('left:'+(typeof(x)=='string'?eval(x):x));
document.write(';top:'+(typeof(y)=='string'?eval(y):y)+'">');
document.write(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()',30); //调用函数play()
}
}
function play()
{
if(screen.width<=800 || closeB)
{
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= '';
}
}
function closeBanner() //函数：关闭
{
closeB=true;
return;
}
var theFloaters= new floaters();
//添加广告图像
theFloaters.addItem('followDiv1','document.body.clientWidth-206',80,'<img src="1416433.gif" alt="广告内容二"><br><br><img src=u=345967603,2231543872&fm=0&gp=0.gif onClick="closeBanner();">');
theFloaters.addItem('followDiv2',6,80,'<img src="u=770972404,4131089670&fm=0&gp=0.gif" alt="广告内容一"><br><br><img src=u=345967603,2231543872&fm=0&gp=0.gif onClick="closeBanner();">');///在这里改为文字或图片！！！！
theFloaters.play();
//页面其他内容显示输出
for(var i=0;i<120;i++)
{
document.write("<center>这里是页面内容！</center>");
}
</script>
</p>
</body>
</html>
分享到：
相关推荐
对联滚动图片效果、JAVASCRIPT编写。直接嵌套在HTML中可用
符合w3c标准的对联广告，随页面滚动，有的对联广告在w3c标准下不能滚动，此广告修正了这一错误
随鼠标漂移的广告展示
下载后存在一个文件，在需要的页面引入及可。记得替换图片位置。
个对联广告与其它的有所区别，这个是页面加载时先没看到广告，然后从左边快速飞进来的两个对联广告哦，下面我们一起来看看对联广告效果代码
1：对联广告代码演示下载 2：对联广告带关闭代码演示下载 3：大幅广告自动翻滚代码演示下载 4：大幅图片广告代码演示下载 5：横向滚动图片代码演示下载 6：幻灯图片代码演示下载 7：大幅自动轮换代码演示下载 8：...
5：横向滚动图片代码演示下载 6：幻灯图片代码演示下载 7：大幅自动轮换代码演示下载 8：对联广告带上面关闭代码下载 9：右上角翻页关闭代码演示下载 10：两个焦点代码演示下载 11：页面随意漂浮代码演示下载 12：...
5：横向滚动图片代码演示下载 6：幻灯图片代码演示下载 7：大幅自动轮换代码演示下载 8：对联广告带上面关闭代码下载 9：右上角翻页关闭代码演示下载 10：两个焦点代码演示下载 11：页面随意漂浮代码演示下载 12：...
自适应页面宽度 滚动时无抖动 兼容IE6 可关闭
主要介绍了JS实现可关闭的对联广告效果代码,涉及JavaScript针对滚动事件动态设置页面元素的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
c:couplet,对联，页面固定位置，不随页面滚动(请复制fodder内｛｝两次，逗号分开，jquery常用写法，你懂的) d:float2,左浮动，目的未知; e:raw_fullscreen,普通显示，时间到消失，不可重复浏览，无关闭...
0.全新后台操作管理支持火狐浏览器，360极速浏览器等主流浏览器编辑 1.新加在线客服管理系统 2.详情页新增关键字优化系统 3.页面SEO优化管理 4.采用最新的kindeditor...13修复对联广告 不兼容火狐浏览器，不滚动的BUG
功能介绍： 1、完善的运费公式化设置方式 2、商品可自定义扩展属性 3、商品可添加附带商品 4、同一个商品可属于多个类别...对联广告，弹出广告，滚动广告 20、销售排行，购物车，网站调查，友情链接 ~~~~~~~~~~
对联广告在top.asp 1024下显示，800*600下不显示，可修改为显示 漂浮广告在index.asp 07.首页热门搜索关键字后台自由设置。设为首页，加入收藏，备案号等信息后台修改。 08.头部修改 top.asp bar.asp bar1.asp ...
15.22 带关闭的对联广告 15.23 到边界反弹的漂浮图片 15.24 用键盘控制图片移动 15.25 预装载图片提高站点速度 15.26 始终在屏幕右下角的图片 15.27 可拖动的图片 15.28 等比例缩略图 15.29 用JavaScript导出图像到...
15.22 带关闭的对联广告 15.23 到边界反弹的漂浮图片 15.24 用键盘控制图片移动 15.25 预装载图片提高站点速度 15.26 始终在屏幕右下角的图片 15.27 可拖动的图片 15.28 等比例缩略图 15.29 用JavaScript导出图像到...
Ajax/JavaScript,QQ客服,漂浮广告 这款网站客服代码可以浮动在网页右侧，随页面滚动而滚动，红色调，看上去非常漂亮，而且调用时候就只需一名话，除了可以拿它来做浮动的客服窗口外，还可以把它改为对联广告、漂浮...
对联广告，弹出广告，滚动广告 30、销售排行，购物车，网站调查，友情链接 31、自定义高级搜索 32、支持在线备份数据库 33、傻瓜式后台管理，人性化功能设置 34、扩展性好，提供功能扩展定制 35、支持各类在线...
SiteStar V2.7版功能... 修复BUG1、修复对联广告为竖排的形式。2、修复在线客服yahoo图标有语言区分。3、修复产品或文章分类管理中有产品或文章时,不能删除当前分类。4、修改站点基本设置时不会跳转到多语言站点中别
25.2.htm 随页面滚动的对联广告 25.3.htm 全屏飘动的广告 25.4.htm 循环滚动的多幅广告 25.5.htm 漂浮3D广告 第26章（\cha26） 26.1.htm 基本的下拉菜单 26.2....