繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript 一段左右两边随屏滚动的代码
- Javascript
- javascript 实现的类似hao123的多邮箱登录效果
- 不错的用resizeTo和moveTo两个函数实现窗口的“打乒乓球”效果
- 出现“不能执行已释放的Script代码”错误的原因及解决办法
- “不能执行已释放的Script代码”错误的原因及解决办法
- javascript入门·对象属性方法大总结
- javascript入门·动态的时钟,显示完整的一些方法,新年倒计时
- JavaScript 入门·JavaScript 具有全范围的运算符
- 用javascript实现代替marquee的滚动字幕效果代码
- [原创]仿google adsense颜色选择器代码，从中易广告联盟程序提取
- greenbrower用到的function.js代码集合
- javascript flash下fromCharCode和charCodeAt方法使用说明
- 内部的小页面，用层制作，随机变色
- javascript简写效果“神秘的眼睛”
- 用js写“算24”游戏的思路分析与实现代码
- [原创]js循环输出图片，不足的要补0
- json简单介绍
- javascript 获取网页参数系统
- [原创]js判断ie方法集锦（含正则）代码短小经典
- javascript SocialHistory 检查访问者是否访问过某站点
- [原创]js判断是否有中文的脚本_js判断中文方法集合
Javascript 中的 javascript 一段左右两边随屏滚动的代码
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 455 ::
收藏到网摘: n/a
在不少的网站使用了这种技术，一般就是两边的一些三个小块排一起的广告。
复制代码 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>一段左右两边随屏滚动的代码</title>
</head>
<body>
<script language="javascript">
var delta=0.15
var collection;
var closeB=false;
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<=648||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.documentElement.scrollLeft+followObj_x))
{
var dx=(document.documentElement.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.documentElement.scrollTop+followObj_y))
{
var dy=(document.documentElement.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('followDiv2',22,238,'<a href=http://idc.66so.com/ target=_blank><img src=http://www.asp300.com/adimg/66so.gif border=0></a><br><br><a href=http://www.red.net.cn target=_blank><img src=http://www.asp300.com/adimg/red.gif border=0></a><br><br><a href=http://www.wiidc.com target=_blank><img src=http://www.asp300.com/adimg/wiidc.gif border=0></a><br><br><img align=right src=http://www.asp300.com/images/ADclose.gif border=0 onClick="closeBanner();">');
theFloaters.addItem('followDiv1','document.body.clientWidth-100',238,'<a href=http://www.zgdata.com/stat/stat.asp?siteKey=asp300&pageNO=1&urlCode=91a3ed97bd9897d315ff6bfaba46a8ee target=_blank><img src=http://www.asp300.com/adimg/zgdata.gif border=0 height=80 width=80></a><br><br><a href=http://www.go020.net/style/info/host.asp?typeid=1 target=_blank><img src=http://www.asp300.com/adimg/go020.gif border=0></a><br><br><a href=http://www.phsjnet.com target=_blank><img src=http://www.asp300.com/adimg/phsjnet.gif border=0></a><br><br><img align=right src=http://www.asp300.com/images/ADclose.gif border=0 onClick="closeBanner();">');
theFloaters.play();
</script>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</body>
</html>
打包下载
评论 (0) All
