javascript 一段左右两边随屏滚动的代码


Posted in Javascript onJune 18, 2009
<!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>

打包下载
Javascript 相关文章推荐
关于UTF-8的客户端用AJAX方式获取GB2312的服务器端乱码问题的解决办法
Nov 30 Javascript
给Flash加一个超链接(推荐使用透明层)兼容主流浏览器
Jun 09 Javascript
js 获取radio按钮值的实例
Aug 17 Javascript
利用CSS3在Angular中实现动画
Jan 15 Javascript
JavaScript中的this机制
Jan 30 Javascript
解决JS组件bootstrap table分页实现过程中遇到的问题
Apr 21 Javascript
基本DOM节点操作
Jan 17 Javascript
vue2.0 computed 计算list循环后累加值的实例
Mar 07 Javascript
微信小程序支付PHP代码
Aug 23 Javascript
纯js实现无缝滚动功能代码实例
Feb 21 Javascript
使用react-virtualized实现图片动态高度长列表的问题
May 28 Javascript
如何将JavaScript将数组转为树形结构
Jun 02 Javascript
Input 特殊事件onpopertychange和oninput
Jun 17 #Javascript
jquery 上下滚动广告
Jun 17 #Javascript
jQuery Ajax文件上传(php)
Jun 16 #Javascript
JavaScript 高级语法介绍
Jun 15 #Javascript
JavaScript 撑出页面文字换行
Jun 15 #Javascript
jquery.alert 弹出式复选框实现代码
Jun 15 #Javascript
论坛里点击别人帖子下面的回复,回复标题变成“回复 24# 的帖子”
Jun 14 #Javascript
You might like
PHP XML数据解析代码
2010/05/26 PHP
php图片缩放实现方法
2014/02/20 PHP
CI框架实现cookie登陆的方法详解
2016/05/18 PHP
php实现的debug log日志操作类实例
2016/07/12 PHP
thinkPHP实现基于ajax的评论回复功能
2018/06/22 PHP
Smarty模板变量与调节器实例详解
2019/07/20 PHP
IE与FireFox的兼容性问题分析
2007/04/22 Javascript
jQuery find和children方法使用
2011/01/31 Javascript
设置iframe的document.designMode后仅Firefox中其body.innerHTML为br
2012/02/27 Javascript
jquery实现手风琴效果实例代码
2013/11/15 Javascript
基于Jquery+Ajax+Json实现分页显示附效果图
2014/07/30 Javascript
js实现的Easy Tabs选项卡用法实例
2015/09/06 Javascript
全国省市二级联动下拉菜单 js版
2016/05/10 Javascript
BootStrap Fileinput初始化时的一些参数
2016/12/30 Javascript
Vue.js中轻松解决v-for执行出错的三个方案
2017/06/09 Javascript
nodejs实现OAuth2.0授权服务认证
2017/12/27 NodeJs
swiper在angularjs中使用循环轮播失效的解决方法
2018/09/27 Javascript
[01:11:21]DOTA2-DPC中国联赛 正赛 VG vs Elephant BO3 第一场 3月6日
2021/03/11 DOTA
Python的时间模块datetime详解
2017/04/17 Python
itchat和matplotlib的结合使用爬取微信信息的实例
2017/08/25 Python
python数据结构之链表详解
2017/09/12 Python
Scrapy爬虫实例讲解_校花网
2017/10/23 Python
Python实现的堆排序算法原理与用法实例分析
2017/11/22 Python
python爬虫爬取某站上海租房图片
2018/02/04 Python
详解python多线程、锁、event事件机制的简单使用
2018/04/27 Python
Python利用lxml模块爬取豆瓣读书排行榜的方法与分析
2019/04/15 Python
StubHub意大利:购买和出售全球演唱会和体育赛事门票
2017/11/21 全球购物
德国户外装备、登山运动和攀岩商店:tapir store
2020/02/12 全球购物
电信专业应届生自荐信
2013/09/28 职场文书
仓库管理专业个人自我评价范文
2013/11/11 职场文书
行政人事专员岗位职责
2014/03/05 职场文书
销售会计岗位职责
2014/03/15 职场文书
《望庐山瀑布》教学反思
2014/04/22 职场文书
《蝙蝠和雷达》教学反思
2014/04/23 职场文书
教你使用一行Python代码玩遍童年的小游戏
2021/08/23 Python
JAVA SpringMVC实现自定义拦截器
2022/03/16 Python