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一元操作符(递增、递减)使用示例
Aug 07 Javascript
JS实现拖动示例代码
Nov 01 Javascript
DOM操作一些常用的属性汇总
Mar 13 Javascript
Bootstrap每天必学之栅格系统(布局)
Nov 25 Javascript
jQuery插件制作的实例教程
May 16 Javascript
jquery自适应布局的简单实例
May 28 Javascript
jQuery实现base64前台加密解密功能详解
Aug 29 jQuery
angular.js实现购物车功能
Oct 23 Javascript
Node爬取大批量文件的方法示例
Jun 28 Javascript
Layui数据表格跳转到指定页的实现方法
Sep 05 Javascript
单线程JavaScript实现异步过程详解
May 19 Javascript
JS画布动态实现黑客帝国背景效果
Nov 08 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
PHP5.2下chunk_split()函数整数溢出漏洞 分析
2007/06/06 PHP
TP3.2.3框架文件上传操作实例详解
2020/01/23 PHP
innerhtml用法 innertext用法 以及innerHTML与innertext的区别
2009/10/26 Javascript
一次失败的jQuery优化尝试小结
2011/02/06 Javascript
JQuery中的$.getJSON 使用说明
2011/03/10 Javascript
在jQuery 1.5中使用deferred对象的代码(翻译)
2011/03/10 Javascript
javascript中innerText和innerHTML属性用法实例分析
2015/05/13 Javascript
JS使用正则表达式除去字符串中重复字符的方法
2015/11/05 Javascript
浅谈javascript中replace()方法
2015/11/10 Javascript
jQuery实现表格行和列的动态添加与删除方法【测试可用】
2016/08/01 Javascript
Jquery与Bootstrap实现后台管理页面增删改查功能示例
2017/01/22 Javascript
使用jQuery卸载全部事件的思路详解
2017/04/03 jQuery
React Native第三方平台分享的实例(Android,IOS双平台)
2017/08/04 Javascript
详谈构造函数加括号与不加括号的区别
2017/10/26 Javascript
js实现一个简单的MVVM框架示例
2018/01/15 Javascript
vue路由传参页面刷新参数丢失问题解决方案
2019/10/08 Javascript
原生js实现ajax请求和JSONP跨域请求操作示例
2020/03/14 Javascript
Python2中的raw_input() 与 input()
2015/06/12 Python
Python实现截屏的函数
2015/07/26 Python
django中静态文件配置static的方法
2018/05/20 Python
django 在原有表格添加或删除字段的实例
2018/05/27 Python
对python中dict和json的区别详解
2018/12/18 Python
详解Python用户登录接口的方法
2019/04/17 Python
python实现对列表中的元素进行倒序打印
2019/11/23 Python
Django使用list对单个或者多个字段求values值实例
2020/03/31 Python
Tensorflow tensor 数学运算和逻辑运算方式
2020/06/30 Python
加拿大休闲和工业服装和鞋类零售商:L’Équipeur
2018/01/12 全球购物
在C语言中实现抽象数据类型什么方法最好
2014/06/26 面试题
一百多行代码实现react拖拽hooks
2021/03/23 Javascript
成考报名单位证明范本
2014/01/16 职场文书
我的长生果教学反思
2014/04/28 职场文书
2015年医院护理部工作总结
2015/04/23 职场文书
《槐乡的孩子》教学反思
2016/02/20 职场文书
2016年优秀团员事迹材料
2016/02/25 职场文书
vue使用v-model进行跨组件绑定的基本实现方法
2021/04/28 Vue.js
MongoDB orm框架的注意事项及简单使用
2021/06/20 MongoDB