js左右弹性滚动对联广告代码分享


Posted in Javascript onFebruary 19, 2014
<p>
<meta content="text/html; charset=gb2312" http-equiv="Content-Type" /><style type="text/css">
.shuoming {margin-top:20px; border:1px solid #ccc; padding-bottom:10px; width:600px; margin:0 auto;}
.shuoming dt {height:30px; line-height:30px; font-weight:bold; text-indent:10px;}
.shuoming dd {line-height:20px; padding:5px 20px;}</style></p>
<script language=JavaScript >
 var delta=0.08
 var collection;
 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()
  {
   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 = '';
   }
  } 
 var theFloaters  = new floaters();
 //右面
 theFloaters.addItem('followDiv1','document.documentElement.clientWidth-106',80,'<img src=http://pic.3water.com/sudu.gif id=ad />');
 //左面
 theFloaters.addItem('followDiv2',6,80,'<img src=http://pic.3water.com/sudu.gif id=ad />');
 theFloaters.play();
//图片格式调用方法
//<a href=https://3water.com.net/ target=_blank><img  src=http://pic.3water.com/sudu.gif border=0></a>
</script>
<table border="0" cellspacing="0" cellpadding="0" width="778" bgcolor="#f4f4f4" align="center" height="1500">
    <tbody>
        <tr>
            <td valign="top" align="center"><br />
            <dl class="shuoming"></dl></td>
        </tr>
    </tbody>
</table>
Javascript 相关文章推荐
jQuery Flash/MP3/Video多媒体插件
Jan 18 Javascript
JavaScript中:表达式和语句的区别[译]
Sep 17 Javascript
Javascript实现禁止输入中文或英文的例子
Dec 09 Javascript
实现前后端数据交互方法汇总
Apr 07 Javascript
javascript最基本的函数汇总
Jun 25 Javascript
理解javascript模块化
Mar 28 Javascript
AngularJS 应用身份认证的技巧总结
Nov 07 Javascript
浅析JavaScript的几种Math函数,random(),ceil(),round(),floor()
Dec 22 Javascript
详解Angular2中Input和Output用法及示例
May 21 Javascript
浅谈JS函数节流防抖
Oct 18 Javascript
JS前端基于canvas给图片添加水印
Nov 11 Javascript
js正则表达式简单校验方法
Jan 03 Javascript
javascript异步编程的4种方法
Feb 19 #Javascript
点击显示指定元素隐藏其他同辈元素的方法
Feb 19 #Javascript
javascript函数重载解决方案分享
Feb 19 #Javascript
一个CSS+jQuery实现的放大缩小动画效果
Feb 19 #Javascript
使用CSS样式position:fixed水平滚动的方法
Feb 19 #Javascript
jQuery拖拽div实现思路
Feb 19 #Javascript
JQuery异步加载无限下拉框级联功能实现示例
Feb 19 #Javascript
You might like
php设计模式 Command(命令模式)
2011/06/26 PHP
WordPress过滤垃圾评论的几种主要方法小结
2016/07/11 PHP
详解php协程知识点
2018/09/21 PHP
Ubuntu 16.04中Laravel5.4升级到5.6的步骤
2018/12/07 PHP
JScript中的undefined和&quot;undefined&quot;的区别
2007/03/08 Javascript
js AspxButton的客户端操作
2009/06/26 Javascript
IE6图片加载的一个BUG解决方法
2010/07/13 Javascript
基于JQuery实现的类似购物商城的购物车
2011/12/06 Javascript
JavaScript 基础篇之运算符、语句(二)
2012/04/07 Javascript
html中使用javascript调用本地程序(exe、doc等)实现代码
2013/04/26 Javascript
jquery提交form表单简单示例分享
2014/03/03 Javascript
一个JavaScript的求爱小特效
2014/05/09 Javascript
JavaScript跨平台的开源框架NativeScript
2015/03/24 Javascript
AngularJS 使用$sce控制代码安全检查
2016/01/05 Javascript
ES6概念 ymbol.for()方法
2016/12/25 Javascript
node跨域请求方法小结
2017/08/25 Javascript
Webpack实战加载SVG的方法
2017/12/26 Javascript
Vue项目中添加锁屏功能实现思路
2018/06/29 Javascript
Vue中keep-alive组件作用详解
2020/02/04 Javascript
Vue如何基于es6导入外部js文件
2020/05/15 Javascript
javascript读取本地文件和目录方法详解
2020/08/06 Javascript
浅谈python中拼接路径os.path.join斜杠的问题
2018/10/23 Python
Windows10下Tensorflow2.0 安装及环境配置教程(图文)
2019/11/21 Python
使用python实现微信小程序自动签到功能
2020/04/27 Python
python3 os进行嵌套操作的实例讲解
2020/11/19 Python
python中使用np.delete()的实例方法
2021/02/01 Python
HTML5中外部浏览器唤起微信分享
2020/01/02 HTML / CSS
保安拾金不昧表扬信
2014/01/15 职场文书
社区端午节活动方案
2014/01/28 职场文书
考生诚信考试承诺书
2014/05/23 职场文书
幼儿园保育员责任书
2014/07/22 职场文书
汉字听写大会观后感
2015/06/12 职场文书
小学学习委员竞选稿
2015/11/20 职场文书
PHP对接阿里云虚拟号的实现(号码隐私保护)
2021/04/06 PHP
python爬虫请求库httpx和parsel解析库的使用测评
2021/05/10 Python
Vue通过懒加载提升页面响应速度
2021/05/10 Vue.js