js 左右悬浮对联广告代码示例


Posted in Javascript onDecember 12, 2014

一段js 左右悬浮广告代码,只要修改广告图片地址与连接地址,相应参数根据页面调整下就可以使用这段左右悬浮广告代码了

代码:

var delta=0.15
 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.body.scrollLeft+followObj_x)) {
   var dx=(document.body.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.body.scrollTop+followObj_y)) {
   var dy=(document.body.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.body.clientWidth-112',230,'<a href=左链接地址 target=_blank><img src=左图片地址 border=0></a>');
 theFloaters.addItem('followDiv2',12,230,'<a href=右链接地址 target=_blank><img src=右图片地址 border=0></a>');
 theFloaters.play();

另存为*.js文件,在页面中引用:<script src="*.js"></script>调用即可,*代表你另存的文件名!
注意:修改广告图片地址和连接地址!相应的参数可以根据页面自行调整。

Javascript 相关文章推荐
json简单介绍
Jun 10 Javascript
js 函数的执行环境和作用域链的深入解析
Nov 01 Javascript
Enter回车切换输入焦点实现思路与代码兼容各大浏览器
Sep 01 Javascript
JavaScript通过字典进行字符串翻译转换的方法
Mar 19 Javascript
JavaScript如何自定义trim方法
Jul 28 Javascript
jquery图片滚动放大代码分享(1)
Aug 25 Javascript
浅谈JS中json数据的处理
Jun 30 Javascript
用jQuery的AJax实现异步访问、异步加载
Nov 02 Javascript
基本DOM节点操作
Jan 17 Javascript
js评分组件使用详解
Jun 06 Javascript
js实现Tab选项卡切换效果
Jul 17 Javascript
还不懂递归?读完这篇文章保证你会懂
Jul 29 Javascript
原生JavaScript+LESS实现瀑布流
Dec 12 #Javascript
jquery禁止回车触发表单提交
Dec 12 #Javascript
完美兼容各大浏览器的jQuery插件实现图片切换特效
Dec 12 #Javascript
windows8.1+iis8.5下安装node.js开发环境
Dec 12 #Javascript
jQuery 和 CSS 的文本特效插件集锦
Dec 12 #Javascript
js使用递归解析xml
Dec 12 #Javascript
做web开发 先学JavaScript
Dec 12 #Javascript
You might like
非常实用的PHP常用函数汇总
2014/12/17 PHP
php基于dom实现读取图书xml格式数据的方法
2017/02/03 PHP
PHP回调函数概念与用法实例分析
2017/11/03 PHP
thinkPHP通用控制器实现方法示例
2017/11/23 PHP
javascript中的变量是传值还是传址的?
2010/04/19 Javascript
jquery 插件学习(一)
2012/08/06 Javascript
js select option对象小结
2013/12/20 Javascript
jquery的clone方法应用于textarea和select的bug修复
2014/06/26 Javascript
jQuery获取访问者IP地址的方法(基于新浪API与QQ查询接口)
2016/05/25 Javascript
微信小程序购物商城系统开发系列-目录结构介绍
2016/11/21 Javascript
JS实现的五级联动菜单效果完整实例
2017/02/23 Javascript
VueJs单页应用实现微信网页授权及微信分享功能示例
2017/07/26 Javascript
Vue数组更新及过滤排序功能
2017/08/10 Javascript
深入理解Angular4订阅(Subscribe)与取消
2017/11/22 Javascript
使用socket.io实现简单聊天室案例
2018/01/02 Javascript
vue解决一个方法同时发送多个请求的问题
2018/09/25 Javascript
Bootstrap的aria-label和aria-labelledby属性实例详解
2018/11/02 Javascript
vue transition 在子组件中失效的解决
2019/11/12 Javascript
gearman的安装启动及python API使用实例
2014/07/08 Python
讲解Python中for循环下的索引变量的作用域
2015/04/15 Python
Python实现快速排序和插入排序算法及自定义排序的示例
2016/02/16 Python
用python实现百度翻译的示例代码
2018/03/09 Python
python使用opencv驱动摄像头的方法
2018/08/03 Python
Python对ElasticSearch获取数据及操作
2019/04/24 Python
Django异步任务线程池实现原理
2019/12/17 Python
tensorflow安装成功import tensorflow 出现问题
2020/04/16 Python
python matplotlib实现将图例放在图外
2020/04/17 Python
DataFrame 数据合并实现(merge,join,concat)
2020/06/14 Python
巴西手表购物网站:eclock
2019/03/19 全球购物
thinkphp5 redis缓存新增方法实例讲解
2021/03/24 PHP
理工类毕业自我鉴定
2014/02/20 职场文书
行政人事经理职位说明书
2014/03/05 职场文书
五分钟演讲稿
2014/04/30 职场文书
机械专业应届毕业生自荐书
2014/06/12 职场文书
深入解析NumPy中的Broadcasting广播机制
2021/05/30 Python
mysql5.7的安装及Navicate长久免费使用的实现过程
2021/11/17 MySQL