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 相关文章推荐
js各种验证文本框输入格式(正则表达式)
Oct 22 Javascript
jQuery JSON实现无刷新三级联动实例探讨
May 28 Javascript
jquery indexOf使用方法
Aug 19 Javascript
javascript下拉列表中显示树形菜单的实现方法
Nov 17 Javascript
JavaScript中判断数据类型的方法总结
May 24 Javascript
微信小程序遇到修改数据后页面不渲染的问题解决
Mar 09 Javascript
jQuery animate()实现背景色渐变效果的处理方法【使用jQuery.color.js插件】
Mar 15 Javascript
JavaScript中关于class的调用方法
Nov 28 Javascript
JavaScript实现JSON合并操作示例【递归深度合并】
Sep 07 Javascript
Angular脚手架开发的实现步骤
Apr 09 Javascript
超详细小程序定位地图模块全系列开发教学
Nov 24 Javascript
详解vue之自行实现派发与广播(dispatch与broadcast)
Jan 19 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生成压缩文件实例
2015/02/07 PHP
php根据命令行参数生成配置文件详解
2019/03/15 PHP
JavaScript 滚轮事件使用说明
2010/03/07 Javascript
Javascript调用C#代码
2011/01/17 Javascript
Prototype源码浅析 String部分(二)
2012/01/16 Javascript
jQuery div层的放大与缩小简单实现代码
2013/03/28 Javascript
浅析jquery ajax异步调用方法中不能给全局变量赋值的原因及解决方法
2014/01/10 Javascript
jquery自动填充勾选框即把勾选框打上true
2014/03/24 Javascript
js 去除字符串第一位逗号的方法
2014/06/07 Javascript
JS实现图片产生波纹一样flash效果的方法
2015/02/27 Javascript
js实现数组转换成json
2015/06/26 Javascript
JavaScript实现ASC转汉字及汉字转ASC的方法
2016/01/23 Javascript
简单理解vue中el、template、replace元素
2016/10/27 Javascript
微信小程序之购物车功能
2020/09/23 Javascript
js随机生成一个验证码
2017/06/01 Javascript
jQuery使用动画队列自定义动画操作示例
2018/06/16 jQuery
vue实现通讯录功能
2018/07/14 Javascript
mpvue小程序仿qq左滑置顶删除组件
2018/08/03 Javascript
JS实现手写 forEach算法示例
2020/04/29 Javascript
vue scroll滚动判断的实现(是否滚动到底部、滚动方向、滚动节流、获取滚动区域dom元素)
2020/06/11 Javascript
[03:20]次级联赛厮杀超职业 现超级兵对拆世纪大战
2014/10/30 DOTA
python django集成cas验证系统
2014/07/14 Python
python爬虫系列Selenium定向爬取虎扑篮球图片详解
2017/11/15 Python
python线程中同步锁详解
2018/04/27 Python
Python3数字求和的实例
2019/02/19 Python
python 中的列表生成式、生成器表达式、模块导入
2019/06/19 Python
python打印9宫格、25宫格等奇数格 满足横竖斜相加和相等
2019/07/19 Python
利用Python库Scapy解析pcap文件的方法
2019/07/23 Python
tensorflow实现二维平面模拟三维数据教程
2020/02/11 Python
在使用非全零作为空指针内部表达的机器上, NULL是如何定义
2014/11/09 面试题
秋季运动会通讯稿
2014/01/24 职场文书
中学生学雷锋活动心得体会
2014/03/10 职场文书
本科毕业自我鉴定
2014/03/20 职场文书
2015年毕业生自荐信范文
2015/03/24 职场文书
工作证明格式范文
2015/06/15 职场文书
Goland使用Go Modules创建/管理项目的操作
2021/05/06 Golang