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 相关文章推荐
基于jquery的分页控件(C#)
Jan 06 Javascript
javascript自动给文本url地址增加链接的方法分享
Jan 20 Javascript
JS组件系列之Bootstrap table表格组件神器【二、父子表和行列调序】
May 10 Javascript
AngularJS基础 ng-submit 指令简单示例
Aug 03 Javascript
AngularJS轻松实现双击排序的功能
Aug 30 Javascript
鼠标点击input,显示瞬间的边框颜色,对之修改与隐藏实例
Dec 26 Javascript
解析JavaScript模仿块级作用域
Dec 29 Javascript
Bootstrap3 多个模态对话框无法显示的解决方案
Feb 23 Javascript
jQuery实现的页面遮罩层功能示例【测试可用】
Oct 14 jQuery
Vue 组件封装 并使用 NPM 发布的教程
Sep 30 Javascript
在vue中使用express-mock搭建mock服务的方法
Nov 07 Javascript
vue 封装 Adminlte3组件的实现
Mar 18 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中通过fopen()函数访问远程文件示例
2014/11/18 PHP
yii去掉必填项中星号的方法
2015/12/28 PHP
学习thinkphp5.0验证类使用方法
2017/11/16 PHP
js压缩工具 yuicompressor 使用教程
2010/03/31 Javascript
jquery.artwl.thickbox.js  一个非常简单好用的jQuery弹出层插件
2012/03/01 Javascript
JavaScript中的some()方法使用详解
2015/06/09 Javascript
jquery结婚电子请柬特效源码分享
2015/08/21 Javascript
jquery实现仿新浪微博带动画效果弹出层代码(可关闭、可拖动)
2015/10/12 Javascript
使用Jasmine和Karma对AngularJS页面程序进行测试
2016/03/05 Javascript
浅析BootStrap Treeview的简单使用
2016/10/12 Javascript
3种不同的ContextMenu右键菜单实现代码
2016/11/03 Javascript
基于javascript的Form表单验证
2016/12/29 Javascript
js 数字、字符串、布尔值的转换方法(必看)
2017/04/07 Javascript
捕获未处理的Promise错误方法
2017/10/13 Javascript
简单介绍react redux的中间件的使用
2018/04/06 Javascript
微信小程序表单验证form提交错误提示效果
2020/06/19 Javascript
详解如何构建Promise队列实现异步函数顺序执行
2018/10/23 Javascript
使用react render props实现倒计时的示例代码
2018/12/06 Javascript
js作用域和作用域链及预解析
2019/04/11 Javascript
vue 使用外部JS与调用原生API操作示例
2019/12/02 Javascript
python中的sort方法使用详解
2014/07/25 Python
初步解析Python中的yield函数的用法
2015/04/03 Python
Python的ORM框架中SQLAlchemy库的查询操作的教程
2015/04/25 Python
python如何通过protobuf实现rpc
2016/03/06 Python
python各种语言间时间的转化实现代码
2016/03/23 Python
异步任务队列Celery在Django中的使用方法
2018/06/07 Python
使用python自动追踪你的快递(物流推送邮箱)
2020/03/17 Python
Python matplotlib读取excel数据并用for循环画多个子图subplot操作
2020/07/14 Python
Python 使用 PyQt5 开发的关机小工具分享
2020/07/16 Python
Python 防止死锁的方法
2020/07/29 Python
Html5新标签解释及用法
2012/02/17 HTML / CSS
安全施工责任书
2014/08/25 职场文书
党员志愿者活动方案
2014/08/28 职场文书
绿色校园广播稿
2014/10/13 职场文书
公司仓库管理制度
2015/08/04 职场文书
pycharm代码删除恢复的方法
2021/06/26 Python