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 Array增加each方法
Apr 07 Javascript
js获取dom的高度和宽度(可见区域及部分等等)
Jun 13 Javascript
node.js中的fs.chownSync方法使用说明
Dec 16 Javascript
在JavaScript中访问字符串的子串
Jul 07 Javascript
webpack中引用jquery的简单实现
Jun 08 Javascript
js操作XML文件的实现方法兼容IE与FireFox
Jun 25 Javascript
AngularJS操作键值对象类似java的hashmap(填坑小结)
Nov 12 Javascript
JS实现页面进入和返回定位到具体位置
Dec 08 Javascript
微信小程序开发的四十个技术窍门总结(推荐)
Jan 23 Javascript
[原创]SyntaxHighlighter自动识别并加载脚本语言
Feb 07 Javascript
基于Angular中ng-controller父子级嵌套的相关属性详解
Oct 08 Javascript
基于Vue sessionStorage实现保留搜索框搜索内容
Jun 01 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编写的导航条程序
2006/10/09 PHP
ThinkPHP缓存方法S()概述
2014/06/13 PHP
destoon安全设置中需要设置可写权限的目录及文件
2014/06/21 PHP
PHP数组相关函数汇总
2015/03/24 PHP
php 在字符串指定位置插入新字符的简单实现
2016/06/28 PHP
PHP输出多个元素的排列或组合的方法
2017/03/14 PHP
JavaScript CSS菜单功能 改进版
2008/12/20 Javascript
JS 的应用开发初探(mootools)
2009/12/19 Javascript
JavaScript中“过于”犀利地for/in循环使用示例
2013/10/22 Javascript
jquery实现导航固定顶部的效果仿蘑菇街
2014/10/22 Javascript
jQuery实现加入购物车飞入动画效果
2015/03/14 Javascript
Bootstrap每天必学之模态框(Modal)插件
2016/04/26 Javascript
DOM中事件处理概览与原理的全面解析
2016/08/16 Javascript
Bootstrap导航条学习使用(二)
2017/02/08 Javascript
jQuery实现的鼠标滚轮控制图片缩放功能实例
2017/10/14 jQuery
详解Vue单元测试case写法
2018/05/24 Javascript
微信小程序实现上传图片功能
2018/05/28 Javascript
Vue+Node服务器查询Mongo数据库及页面数据传递操作实例分析
2019/12/20 Javascript
创建nuxt.js项目流程图解
2020/03/13 Javascript
详细分析Node.js 多进程
2020/06/22 Javascript
vue实现点击出现操作弹出框的示例
2020/11/05 Javascript
Python运行的17个时新手常见错误小结
2012/08/07 Python
Python统计列表中的重复项出现的次数的方法
2014/08/18 Python
Python中import机制详解
2017/11/14 Python
Python zip()函数用法实例分析
2018/03/17 Python
python爬取基于m3u8协议的ts文件并合并
2019/04/26 Python
Python入门Anaconda和Pycharm的安装和配置详解
2019/07/16 Python
基于Python的Jenkins的二次开发操作
2020/05/12 Python
如何将json数据转换为python数据
2020/09/04 Python
阿里巴巴英国:Alibaba英国
2019/12/11 全球购物
行政主管职责范本
2014/03/07 职场文书
财务负责人任命书
2014/06/06 职场文书
副检察长四风问题对照检查材料思想汇报
2014/10/07 职场文书
营销计划书范文
2015/01/17 职场文书
婚礼父母致辞
2015/07/28 职场文书
canvas绘制折线路径动画实现
2021/05/12 Javascript