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 相关文章推荐
Ext面向对象开发实践(续)
Nov 18 Javascript
js以对象为索引的关联数组
Jul 04 Javascript
有关jquery与DOM节点操作方法和属性记录
Apr 15 Javascript
AngularJS 所有版本下载地址
Sep 14 Javascript
仿iframe效果Aajx文件上传实例
Nov 18 Javascript
微信小程序自定义组件
Aug 16 Javascript
Vue下拉框回显并默认选中随机问题
Sep 06 Javascript
Vue 开发必须知道的36个技巧(小结)
Oct 09 Javascript
JS数据类型判断的几种常用方法
Jul 07 Javascript
VUE : vue-cli中去掉路由中的井号#操作
Sep 04 Javascript
Vue中使用Echarts仪表盘展示实时数据的实现
Nov 01 Javascript
Vue鼠标滚轮滚动切换路由效果的实现方法
Aug 04 Vue.js
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 删除记录同时删除图片文件的实现代码
2010/05/12 PHP
PHP实现对站点内容外部链接的过滤方法
2014/09/10 PHP
php简单创建zip压缩文件的方法
2016/04/30 PHP
非常经典的PHP文件上传类分享
2016/05/15 PHP
利用PHP自动生成印有用户信息的名片
2016/08/01 PHP
Yii2实现增删改查后留在当前页的方法详解
2017/01/13 PHP
转一个日期输入控件,支持FF
2007/04/27 Javascript
jQuery弹出层始终垂直居中相对于屏幕或当前窗口
2013/04/01 Javascript
关于jQuery中.attr()和.prop()的问题探讨
2013/09/06 Javascript
JavaScript获取路径设计源码
2014/05/22 Javascript
如何高效率去掉js数组中的重复项
2016/04/12 Javascript
JS实现关闭当前页而不弹出提示框的方法
2016/06/22 Javascript
基于jquery实现弹幕效果
2016/09/29 Javascript
javascript阻止事件冒泡和浏览器的默认行为
2017/01/21 Javascript
JavaScript实现职责链模式概述
2018/01/25 Javascript
vue父组件点击触发子组件事件的实例讲解
2018/02/08 Javascript
Vue实现多标签选择器
2019/11/28 Javascript
JavaScript常用工具函数汇总(浏览器环境)
2020/09/17 Javascript
Python函数可变参数定义及其参数传递方式实例详解
2015/05/25 Python
python 的列表遍历删除实现代码
2020/04/12 Python
Python HTTP客户端自定义Cookie实现实例
2017/04/28 Python
Django中间件实现拦截器的方法
2018/06/01 Python
python matlibplot绘制多条曲线图
2021/02/19 Python
python深copy和浅copy区别对比解析
2019/12/26 Python
python boto和boto3操作bucket的示例
2020/10/30 Python
一款基于css3麻将筛子3D翻转特效的实例教程
2014/12/31 HTML / CSS
HTML5的标签的代码的简单介绍 HTML5标签的简介
2012/05/28 HTML / CSS
三星俄罗斯授权在线商店:Samsung俄罗斯
2019/09/28 全球购物
小学教师办公室制度
2014/02/03 职场文书
销售岗位职责范本
2014/06/12 职场文书
高中生思想道德自我评价
2015/03/09 职场文书
2019年怎样写好导游词?
2019/07/02 职场文书
大学生军训心得体会5篇
2019/08/15 职场文书
python实战之一步一步教你绘制小猪佩奇
2021/04/22 Python
Python 解决空列表.append() 输出为None的问题
2021/05/23 Python
一次SQL如何查重及去重的实战记录
2022/03/13 MySQL