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代码优化之基本事件
Nov 01 Javascript
javascript:void(0)使用探讨
Aug 27 Javascript
ExtJs纵坐标值重复问题的解决方法
Feb 27 Javascript
生成二维码方法汇总
Dec 26 Javascript
javascript操作符&quot;!~&quot;详解
Feb 10 Javascript
JQuery Ajax WebService传递参数的简单实例
Nov 02 Javascript
vue2滚动条加载更多数据实现代码
Jan 10 Javascript
javascript 面向对象function详解及实例代码
Feb 28 Javascript
解决vue中post方式提交数据后台无法接收的问题
Aug 11 Javascript
webpack 静态资源集中输出的方法示例
Nov 09 Javascript
关于微信小程序登录的那些事
Jan 08 Javascript
vue实现购物车加减
May 30 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蜘蛛统计插件只要有mysql就可用
2010/10/12 PHP
php smarty模板引擎的6个小技巧
2014/04/24 PHP
PHP实现一维数组转二维数组的方法
2015/02/25 PHP
iOS10推送通知开发教程
2016/09/19 PHP
TP - 比RBAC更好的权限认证方式(Auth类认证)
2021/03/09 PHP
文本链接逐个出现的js脚本
2007/12/12 Javascript
关于删除时的提示处理(确定删除吗)
2013/11/03 Javascript
js控制table合并具体实现
2014/02/20 Javascript
javascript HTML5 canvas实现打砖块游戏
2020/06/18 Javascript
node.js 动态执行脚本
2016/06/02 Javascript
AngularJS Controller作用域
2017/01/09 Javascript
ES6新特性之Symbol类型用法分析
2017/03/31 Javascript
详解webpack+vue-cli项目打包技巧
2017/06/17 Javascript
详解如何在vue中使用sass
2017/06/21 Javascript
解决AjaxFileupload 上传时会出现连接重置的问题
2017/07/07 Javascript
Vue.js实现的购物车功能详解
2019/01/27 Javascript
浅谈vuex中store的命名空间
2019/11/08 Javascript
JavaScript中的各种宽高属性的实现
2020/05/08 Javascript
[01:00:14]DOTA2-DPC中国联赛 正赛 Ehome vs Elephant BO3 第二场 2月28日
2021/03/11 DOTA
如何使用python爬取csdn博客访问量
2016/02/14 Python
Python时间序列处理之ARIMA模型的使用讲解
2019/04/02 Python
python中tkinter的应用:修改字体的实例讲解
2019/07/17 Python
基于django 的orm中非主键自增的实现方式
2020/05/18 Python
Python requests接口测试实现代码
2020/09/08 Python
总结30个CSS3选择器
2017/04/13 HTML / CSS
资深生产主管自我评价
2013/09/22 职场文书
中专毕业生求职简历的自我评价
2013/10/21 职场文书
学习委员自我鉴定
2014/01/13 职场文书
大学生迟到检讨书500字
2014/10/17 职场文书
2014年环境卫生工作总结
2014/11/24 职场文书
Python中使用Lambda函数的5种用法
2021/04/01 Python
js实现模拟购物商城案例
2021/05/18 Javascript
MySQL系列之十二 备份与恢复
2021/07/02 MySQL
Python matplotlib多个子图绘制整合
2022/04/13 Python
Ubuntu18.04下QT开发Android无法连接设备问题解决实现
2022/06/01 Java/Android
Redis实现订单过期删除的方法步骤
2022/06/05 Redis