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 相关文章推荐
解决AJAX中跨域访问出现'没有权限'的错误
Aug 20 Javascript
jQuery中的常用事件总结
Dec 27 Javascript
JavaScript.The.Good.Parts阅读笔记(二)作用域&amp;闭包&amp;减缓全局空间污染
Nov 16 Javascript
推荐30个新鲜出炉的精美 jQuery 效果
Mar 26 Javascript
JS特权方法定义作用以及与公有方法的区别
Mar 18 Javascript
jQuery实现的仿百度分页足迹效果代码
Oct 30 Javascript
基于JS分页控件实现简单美观仿淘宝分页按钮效果
Nov 07 Javascript
jQuery实现checkbox的简单操作
Nov 18 jQuery
vue打包相关细节整理(小结)
Sep 28 Javascript
JS实现数组删除指定元素功能示例
Jun 05 Javascript
解决layui表格的表头不滚动的问题
Sep 04 Javascript
详解ES6 扩展运算符的使用与注意事项
Nov 12 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获取当前文件的父目录方法汇总
2016/07/21 PHP
laravel Model 执行事务的实现
2019/10/10 PHP
php设计模式之策略模式实例分析【星际争霸游戏案例】
2020/03/26 PHP
html组件不可输入(只读)同时任何组件都有效
2013/04/01 Javascript
javascript预加载图片、css、js的方法示例介绍
2013/10/14 Javascript
jquery实现弹出层遮罩效果的简单实例
2014/03/03 Javascript
Jquery实现仿腾讯微博发表广播
2014/11/17 Javascript
ajax读取数据后使用jqchart显示图表的方法
2015/06/10 Javascript
Jquery使用小技巧汇总
2015/12/29 Javascript
学习使用jquery iScroll.js移动端滚动条插件
2020/03/24 Javascript
Bootstrap富文本组件wysiwyg数据保存到mysql的方法
2016/05/09 Javascript
jQueryUI中的datepicker使用方法详解
2016/05/25 Javascript
JS仿京东移动端手指拨动切换轮播图效果
2020/04/10 Javascript
微信小程序 基础组件与导航组件详细介绍
2017/02/21 Javascript
Bootstrap笔记—折叠实例代码
2017/03/13 Javascript
Vue使用枚举类型实现HTML下拉框步骤详解
2018/02/05 Javascript
js实现每日签到功能
2018/11/29 Javascript
小程序登录之支付宝授权的实现示例
2019/12/13 Javascript
Python中使用语句导入模块或包的机制研究
2015/03/30 Python
Python中的特殊语法:filter、map、reduce、lambda介绍
2015/04/14 Python
使用python判断jpeg图片的完整性实例
2019/06/10 Python
python爬虫项目设置一个中断重连的程序的实现
2019/07/26 Python
以SQLite和PySqlite为例来学习Python DB API
2020/02/05 Python
Python替换NumPy数组中大于某个值的所有元素实例
2020/06/08 Python
Python是怎样处理json模块的
2020/07/16 Python
python利用递归方法实现求集合的幂集
2020/09/07 Python
python 爬取B站原视频的实例代码
2020/09/09 Python
使用HTML和CSS3绘制基本卡通图案的示例分享
2015/11/06 HTML / CSS
Ted Baker英国官网:男士和女士服装及配件
2017/03/13 全球购物
转党组织关系介绍信
2014/01/08 职场文书
政法学院毕业生求职信
2014/02/28 职场文书
生产助理岗位职责
2014/06/18 职场文书
廉政教育的心得体会
2014/09/01 职场文书
2015年置业顾问工作总结
2015/04/07 职场文书
maven依赖的version声明控制方式
2022/01/18 Java/Android
CSS3实现指纹特效代码
2022/03/17 HTML / CSS