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 相关文章推荐
javascript 弹出层组件(升级版)
May 12 Javascript
Java/JS获取flash高宽的具体方法
Dec 27 Javascript
Vue.js路由组件vue-router使用方法详解
Dec 02 Javascript
vuejs实现ready函数加载完之后执行某个函数的方法
Aug 31 Javascript
vue如何安装使用Quill富文本编辑器
Sep 21 Javascript
Vue2.0学习系列之项目上线的方法步骤(图文)
Sep 25 Javascript
详解小程序input框失焦事件在提交事件前的处理
May 05 Javascript
vue实现自定义H5视频播放器的方法步骤
Jul 01 Javascript
Layui Form 自定义验证的实例代码
Sep 14 Javascript
24个解决实际问题的ES6代码片段(小结)
Feb 02 Javascript
vue created钩子函数与mounted钩子函数的用法区别
Nov 05 Javascript
使用js获取身份证年龄的示例代码
Dec 11 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
咖啡与水的关系
2021/03/03 冲泡冲煮
Smarty日期时间操作方法示例
2016/11/15 PHP
php实现的AES加密类定义与用法示例
2018/01/29 PHP
PHP xpath提取网页数据内容代码解析
2020/07/16 PHP
jquery animate 动画效果使用说明
2009/11/04 Javascript
CodeMirror2 IE7/IE8 下面未知运行时错误的解决方法
2012/03/29 Javascript
JavaScript中constructor()方法的使用简介
2015/06/05 Javascript
浅谈angularjs中响应回车事件
2017/04/24 Javascript
Vue组件实例间的直接访问实现代码
2017/08/20 Javascript
浅谈React中组件间抽象
2018/01/27 Javascript
详解vue移动端日期选择组件
2018/02/22 Javascript
通过函数作用域和块级作用域看javascript的作用域链
2018/08/05 Javascript
vue v-for 使用问题整理小结
2019/08/04 Javascript
Vue 实现简易多行滚动&quot;弹幕&quot;效果
2020/01/02 Javascript
[53:03]Optic vs TNC 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
python中lambda与def用法对比实例分析
2015/04/30 Python
Python中的异常处理相关语句基础学习笔记
2016/07/11 Python
Python实现对字符串的加密解密方法示例
2017/04/29 Python
Python网络编程基于多线程实现多用户全双工聊天功能示例
2018/04/10 Python
对Python 两大环境管理神器 pyenv 和 virtualenv详解
2018/12/31 Python
Python实现多态、协议和鸭子类型的代码详解
2019/05/05 Python
Python 多线程搜索txt文件的内容,并写入搜到的内容(Lock)方法
2019/08/23 Python
python飞机大战pygame游戏框架搭建操作详解
2019/12/17 Python
Python如何telnet到网络设备
2021/02/18 Python
django使用多个数据库的方法实例
2021/03/04 Python
使用Filters滤镜弥补CSS3的跨浏览器问题以及兼容低版本IE
2013/01/23 HTML / CSS
中国一家专注拼团的社交购物网站:拼多多
2018/06/13 全球购物
机电一体化专业推荐信
2013/12/03 职场文书
开学典礼决心书
2014/03/11 职场文书
期中考试反思800字
2014/05/01 职场文书
2014年政工师工作总结
2014/12/18 职场文书
个人先进事迹材料范文
2014/12/29 职场文书
2015年酒店工作总结范文
2015/04/07 职场文书
《为人民服务》教学反思
2016/02/20 职场文书
导游词之峨眉山
2019/12/16 职场文书
python文件名批量重命名脚本实例代码
2021/04/22 Python