CSDN首页 空间 新闻 论坛 Blog 下载 读书 网摘 搜索 .NET Java 视频 接项目 求职 在线学习 买书 程序员 通知
IBM Rational 系统开发最佳实践工具包 WebSphere MQ 最佳实践 TOP 15
CSDN社区
搜索 收藏 打印 关闭
CSDN社区 >  Web 开发 >  JavaScript

求浮动广告的代码

楼主doudoushen()2006-03-04 12:02:36 在 Web 开发 / JavaScript 提问

求浮动广告的代码  
  1、在首页浮动的那种(就那种飘来飘去的)  
  2、那种始终在页面2边当中的广告  
  分不是问题     谢谢 问题点数:20、回复次数:3Top

1 楼kangqin(小康)回复于 2006-03-04 13:31:21 得分 0

<body>  
  <div   style="width:100px;height:1200px;"></div>  
  <div   id="float"   style="width:100px;height:100px;position:absolute;border:solid   1px   black;right:0px;top:100px"></div>  
  <div   id="random-float"   style="width:100px;height:100px;position:absolute;border:solid   1px   black;left:0px;top:0px"></div>    
  <script   type="text/javascript">  
  var   horizonalUnit=1;  
  var   verticalUnit=1;  
  var   interval=5;  
  var   scrollY=0;  
   
  document.body.onscroll=function()  
  {  
  var   obj=document.getElementById("float");  
  obj.style.top=document.body.scrollTop+100;  
  }  
   
  setTimeout(randFloat,interval);  
   
  function   randFloat()  
  {  
  var   obj=document.getElementById("random-float");  
  var   offsetY=0;  
  if(obj.style.pixelLeft+horizonalUnit+100>document.body.clientWidth||obj.style.pixelLeft+horizonalUnit<0)  
  horizonalUnit=0-horizonalUnit;  
  if(obj.style.pixelTop+verticalUnit+100>document.body.clientHeight+document.body.scrollTop||obj.style.pixelTop+verticalUnit<document.body.scrollTop)  
  verticalUnit=0-verticalUnit;  
  if(scrollY!=document.body.srcollTop)  
  {  
  offsetY=document.body.scrollTop-scrollY;  
  scrollY=document.body.scrollTop;  
  }  
   
  obj.style.pixelLeft+=horizonalUnit;  
  obj.style.pixelTop+=verticalUnit+offsetY;  
  window.status=document.body.clientWidth+","+document.body.clientHeight+":"+(obj.style.pixelTop+verticalUnit+100)+":"+verticalUnit;  
  setTimeout(randFloat,interval);  
  }  
  </script>  
  </body>Top

2 楼doudoushen()回复于 2006-03-04 19:29:35 得分 0

先试一下       另外不知道还有没有   顶阿Top

3 楼mingxuan3000(铭轩)回复于 2006-03-04 19:42:47 得分 0

head:  
  <style   type="text/css"   media="screen">  
  #floater   {  
  position:   absolute;  
  left:   500;  
  top:   147;  
  width:   125;  
  visibility:   visible;  
  z-index:   10;  
  }  
  -->  
  </style>  
   
  body:  
  <script   language="JavaScript">  
  self.onError=null;  
  currentX   =   currentY   =   0;    
  whichIt   =   null;    
  lastScrollX   =   0;   lastScrollY   =   0;  
  NS   =   (document.layers)   ?   1   :   0;  
  IE   =   (document.all)   ?   1:   0;  
  <!--   STALKER   CODE   -->  
  function   heartBeat()   {  
  if(IE)   {   diffY   =   document.body.scrollTop;   diffX   =   document.body.scrollLeft;   }  
  if(NS)   {   diffY   =   self.pageYOffset;   diffX   =   self.pageXOffset;   }  
  if(diffY   !=   lastScrollY)   {  
  percent   =   .1   *   (diffY   -   lastScrollY);  
  if(percent   >   0)   percent   =   Math.ceil(percent);  
  else   percent   =   Math.floor(percent);  
  if(IE)   document.all.floater.style.pixelTop   +=   percent;  
  if(NS)   document.floater.top   +=   percent;    
  lastScrollY   =   lastScrollY   +   percent;  
  }  
  if(diffX   !=   lastScrollX)   {  
  percent   =   .1   *   (diffX   -   lastScrollX);  
  if(percent   >   0)   percent   =   Math.ceil(percent);  
  else   percent   =   Math.floor(percent);  
  if(IE)   document.all.floater.style.pixelLeft   +=   percent;  
  if(NS)   document.floater.left   +=   percent;  
  lastScrollX   =   lastScrollX   +   percent;  
  }    
  }  
  <!--   /STALKER   CODE   -->  
  <!--   DRAG   DROP   CODE   -->  
  function   checkFocus(x,y)   {    
  stalkerx   =   document.floater.pageX;  
  stalkery   =   document.floater.pageY;  
  stalkerwidth   =   document.floater.clip.width;  
  stalkerheight   =   document.floater.clip.height;  
  if(   (x   >   stalkerx   &&   x   <   (stalkerx+stalkerwidth))   &&   (y   >   stalkery   &&   y   <   (stalkery+stalkerheight)))   return   true;  
  else   return   false;  
  }  
  function   grabIt(e)   {  
  if(IE)   {  
  whichIt   =   event.srcElement;  
  while   (whichIt.id.indexOf("floater")   ==   -1)   {  
  whichIt   =   whichIt.parentElement;  
  if   (whichIt   ==   null)   {   return   true;   }  
  }  
  whichIt.style.pixelLeft   =   whichIt.offsetLeft;  
  whichIt.style.pixelTop   =   whichIt.offsetTop;  
  currentX   =   (event.clientX   +   document.body.scrollLeft);  
  currentY   =   (event.clientY   +   document.body.scrollTop);    
  }   else   {    
  window.captureEvents(Event.MOUSEMOVE);  
  if(checkFocus   (e.pageX,e.pageY))   {    
  whichIt   =   document.floater;  
  StalkerTouchedX   =   e.pageX-document.floater.pageX;  
  StalkerTouchedY   =   e.pageY-document.floater.pageY;  
  }    
  }  
  return   true;  
  }  
  function   moveIt(e)   {  
  if   (whichIt   ==   null)   {   return   false;   }  
  if(IE)   {  
  newX   =   (event.clientX   +   document.body.scrollLeft);  
  newY   =   (event.clientY   +   document.body.scrollTop);  
  distanceX   =   (newX   -   currentX);   distanceY   =   (newY   -   currentY);  
  currentX   =   newX;   currentY   =   newY;  
  whichIt.style.pixelLeft   +=   distanceX;  
  whichIt.style.pixelTop   +=   distanceY;  
  if(whichIt.style.pixelTop   <   document.body.scrollTop)   whichIt.style.pixelTop   =   document.body.scrollTop;  
  if(whichIt.style.pixelLeft   <   document.body.scrollLeft)   whichIt.style.pixelLeft   =   document.body.scrollLeft;  
  if(whichIt.style.pixelLeft   >   document.body.offsetWidth   -   document.body.scrollLeft   -   whichIt.style.pixelWidth   -   20)   whichIt.style.pixelLeft   =   document.body.offsetWidth   -   whichIt.style.pixelWidth   -   20;  
  if(whichIt.style.pixelTop   >   document.body.offsetHeight   +   document.body.scrollTop   -   whichIt.style.pixelHeight   -   5)   whichIt.style.pixelTop   =   document.body.offsetHeight   +   document.body.scrollTop   -   whichIt.style.pixelHeight   -   5;  
  event.returnValue   =   false;  
  }   else   {    
  whichIt.moveTo(e.pageX-StalkerTouchedX,e.pageY-StalkerTouchedY);  
  if(whichIt.left   <   0+self.pageXOffset)   whichIt.left   =   0+self.pageXOffset;  
  if(whichIt.top   <   0+self.pageYOffset)   whichIt.top   =   0+self.pageYOffset;  
  if(   (whichIt.left   +   whichIt.clip.width)   >=   (window.innerWidth+self.pageXOffset-17))   whichIt.left   =   ((window.innerWidth+self.pageXOffset)-whichIt.clip.width)-17;  
  if(   (whichIt.top   +   whichIt.clip.height)   >=   (window.innerHeight+self.pageYOffset-17))   whichIt.top   =   ((window.innerHeight+self.pageYOffset)-whichIt.clip.height)-17;  
  return   false;  
  }  
  return   false;  
  }  
  function   dropIt()   {  
  whichIt   =   null;  
  if(NS)   window.releaseEvents   (Event.MOUSEMOVE);  
  return   true;  
  }  
  <!--   DRAG   DROP   CODE   -->  
  if(NS)   {  
  window.captureEvents(Event.MOUSEUP|Event.MOUSEDOWN);  
  window.onmousedown   =   grabIt;  
  window.onmousemove   =   moveIt;  
  window.onmouseup   =   dropIt;  
  }  
  if(IE)   {  
  document.onmousedown   =   grabIt;  
  document.onmousemove   =   moveIt;  
  document.onmouseup   =   dropIt;  
  }  
  if(NS   ||   IE)   action   =   window.setInterval("heartBeat()",1);  
  </script>Top

相关问题

  • 求助:怎样固定两侧的浮动广告? (贴中含JS代码)
  • ---帮忙解决一下浮动广告的代码 万分感谢
  • 高分求:/关于 网站左右两边浮动广告JS代码 的问题:
  • 求能实现门户网站上左右各一个对称浮动广告的javascript代码
  • 哪位有浮动广告和弹出窗口的JS代码!找到实用的50分全给他!快快快!!!!!!
  • 求在线浮动咨询QQ的代码?
  • 谁会在JSP写浮动图片的代码?
  • ==================请教,关于浮动广告,谢谢
  • 求一段广告代码.帮修改代码.
  • 弱智散分:谁提供能用的浮动在窗口右下角浮动层的javascript代码,立即给200分!!!

关键词

  • 代码
  • 求浮动广告的代码

得分解答快速导航

  • 帖主:doudoushen

相关链接

  • Web开发类图书

广告也精彩

反馈

请通过下述方式给我们反馈
反馈
提问
网站简介|广告服务|VIP资费标准|银行汇款帐号|网站地图|帮助|联系方式|诚聘英才|English|问题报告
北京创新乐知广告有限公司 版权所有, 京 ICP 证 070598 号
世纪乐知(北京)网络技术有限公司 提供技术支持
Copyright © 2000-2008, CSDN.NET, All Rights Reserved
GongshangLogo