`
leonardleonard
  • 浏览: 801471 次
社区版块
存档分类
最新评论

左右漂浮的广告代码

阅读更多

引用JS文件的代码:

<script language="javascript" src="****.js"></script>

<----

 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=http://www.***.com/ target=_blank><img src=***.gif border=0></a>');
 theFloaters.addItem('followDiv2',12,230,'<a href=http://www.***.com/ target=_blank><img src=***.gif border=0></a>');
 theFloaters.play();

-->

分享到:
评论

相关推荐

    asp漂浮广告源代码

    ### ASP漂浮广告源代码解析 #### 一、概述 在网页设计中,为了增加广告曝光率或提高网站互动性,经常会用到一种名为“漂浮广告”的技术。这种广告通常会以一个小窗口的形式出现在页面上,并随着用户的滚动而移动,...

    带关闭按钮的漂浮广告代码

    ### 带关闭按钮的漂浮广告代码解析 在现代网页设计中,为了更好地吸引用户注意力并推广特定产品或服务,开发人员常常会在网页中加入各种形式的广告。其中,带有关闭按钮的漂浮广告是一种非常实用且受欢迎的形式。...

    网站漂浮广告代码收藏

    根据提供的标题、描述、标签及部分内容,我们可以了解到这段代码是用来实现网页上漂浮广告效果的。下面我们将对这些代码进行详细...以上是对这段漂浮广告代码的详细解析与说明,希望能帮助您更好地理解和应用此类代码。

    JS广告代码 漂浮 对联

    在本话题中,我们将深入探讨"JS广告代码 漂浮 对联"这一主题,理解如何利用JavaScript实现广告的漂浮效果以及对联样式。 首先,让我们了解什么是漂浮广告。漂浮广告是指在用户浏览网页时,广告会固定在屏幕的某一...

    居中显示的漂浮广告代码.zip

    这个名为"居中显示的漂浮广告代码.zip"的压缩包文件显然包含了一个前端开发相关的代码示例,用于创建一种居中显示并能浮动的广告元素。这种类型的广告设计在网页中常见,它可以吸引用户的注意力,同时不影响主要内容...

    简洁易用的jQuery左右对称浮动广告代码

    一个非常简单好用的jQuery对联广告代码 直接引入jQuery插件,本插件,然后再来一个调用方法即可,简单易用,不会出现冲突 使用方法: 1、引入index.html head中的css样式 2、引入body中的代码部分即可 ...

    漂浮广告制作秘籍

    在给定的代码示例中,展示了如何使用JavaScript和CSS实现一个简单的动态漂浮广告。接下来将详细介绍这一过程。 ##### 1. 初始设置 首先定义了漂浮广告的初始位置(`varx=50,y=60;`)以及运动的方向和速度(`varxin...

    js漂浮广告实现代码

    漂浮广告是一种在网页上利用JavaScript动态生成并控制对象位置的广告形式,它能够让图片在页面上不断地左右或上下移动,以吸引用户的注意力。在本例中,漂浮广告被设计为小图片的形式,通过来回滚动的方式来展示。...

    网页上漂浮文字

    例如,`代码.txt`中可能包含了这样的JavaScript代码段,通过解析并执行这段代码,我们可以理解漂浮广告的动态行为。 三、CSS样式控制 CSS(层叠样式表)用于控制网页元素的样式和布局。为了让文字漂浮,可以设置...

    三组对联广告,左右漂浮,可关闭,可侧漂浮

    对于网页加载速度和资源消耗,设计师应优化广告代码,避免过大的图片或脚本文件影响页面整体性能。同时,合理利用异步加载和缓存技术,可以减少对用户浏览的影响。 8. **数据分析**: 实施这种广告后,应进行数据...

    网页广告动态代码

    6. 漂浮广告:在页面任意位置随机或固定位置显示,可以上下左右移动,提高广告的可见性。 7. 页面元素跟随:广告随着用户滚动页面而上下移动,保持在用户的视线范围内。 8. 右上角翻页关闭广告:这种广告通常在右...

    漂浮的广告

    在HTML代码中,漂浮广告通常会通过`&lt;div&gt;`元素创建一个容器,然后设置CSS样式使其脱离文档流,从而实现浮动效果。 2. **CSS样式**:CSS(层叠样式表)用于控制网页的布局和外观。为了让广告在页面两侧飘动,我们...

    js实现左右两侧浮动广告

    本文实例为大家分享了js实现左右浮动广告展示的具体代码,供大家参考,具体内容如下 &lt;html&gt; &lt;title&gt;左右两侧浮动广告&lt;/title&gt; &lt;head&gt; &lt;/head&gt; &lt;body&gt; &lt;tr&gt;&lt;td&gt; &lt;/td&gt;&lt;/tr&gt; ...

    论坛漂浮广告插件

    1、在论坛适当位置插入以下代码: ;javaScript&quot; type=&quot;text/javascript&quot; SRC=&quot;guangao.js&quot;&gt;&lt;/script&gt; 2、将附件的文件上传到论坛根目录 基本上适用于任何论坛

    css实现的对联广告代码

    这里的对联广告代码是通过CSS来定位和样式设置的,并且还提供了关闭按钮的功能。 1. 对联广告实现原理: 对联广告通常指的是网页中出现的两个并行的广告模块,一个在左,一个在右,形状类似传统的对联。这种广告...

    js漂浮广告实现代码(合集经典) 符合W3C

    【JS漂浮广告实现原理与代码详解】 JS漂浮广告是一种常见的网页广告形式,它通过JavaScript脚本控制广告元素在页面上动态移动,通常表现为一个小图片或广告条,沿着屏幕边缘来回滚动。这类广告能够吸引用户的注意力...

    js 左右悬浮对联广告特效代码

    左右悬浮对联广告特效代码是在网页中制作左右两侧漂浮广告的一种JavaScript特效实现方式。这种特效能够让广告在页面的左侧或右侧不停地上下漂浮,增加广告的曝光率,通常用于提升网站的点击率或吸引用户的注意力。在...

    随鼠标漂移的广告展示.rar

    本文将深入探讨如何利用JS实现这样的漂浮广告效果。 首先,我们需要理解JavaScript的基本原理。JS是一种轻量级的解释型编程语言,主要用于客户端的网页交互。通过在HTML中引入JS代码或者引用外部JS文件,我们可以...

Global site tag (gtag.js) - Google Analytics