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

询问网页两侧广告图片随网页滚动条一起移动的代码

楼主xxrl(孔曰成仁,孟曰取媳妇-->她太有才了)2006-03-05 12:01:35 在 Web 开发 / ASP 提问

懒惰了  
  各位有现成的么?  
  我改了网上的,总溢出〉。。。 问题点数:200、回复次数:17Top

1 楼superdullwolf(超级大笨狼,每天要自强,MVP)回复于 2006-03-05 12:26:21 得分 20

<BODY               onscroll="mymove()">  
  <img   id=img1     src="http://community.csdn.net/images/CSDN_logo.GIF"   style="position:absolute;top:500;left:0">  
  <img   id=img2     src="http://community.csdn.net/images/CSDN_logo.GIF"   style="position:absolute;top:500;left:800">  
    <TEXTAREA       rows=800       cols=20       id=textarea1       name=textarea1>  
   
  </TEXTAREA>  
   
      <SCRIPT       >  
       
      var       imgheight       =100       ;  
      var       startY       =       parseInt(img1.style.top);  
      var   Body=document.body;    
  function       mymove()       {    
    img1.style.top       =           Body.scrollTop       +       Body.offsetHeight-imgheight       -       screen.availHeight       +startY;  
  img2.style.top       =           Body.scrollTop       +       Body.offsetHeight-imgheight       -       screen.availHeight       +startY;  
  }  
       
  </SCRIPT>  
   
       
   
  </BODY>    
  Top

2 楼xxrl(孔曰成仁,孟曰取媳妇-->她太有才了)回复于 2006-03-05 12:54:25 得分 0

没采用   哈哈   用其他的暂时搞定了  
  谢谢Top

3 楼soft_2008(冬天到了,春天还远吗?)回复于 2006-03-05 16:43:24 得分 1

-   -Top

4 楼liuxiaoyi666(MSMVP 小猪妹荣誉马甲之八卦兔子)回复于 2006-03-05 17:10:24 得分 0

xx商量个事,你暂时下台,我当会儿版主,啥时你有空了,我就下。。。。。。。好不???  
  要不我跟贾俊或小p商量商量。。。。。。嘿嘿Top

5 楼KimSoft(革命的小酒天天醉-http://blog.csdn.net/kimsoft/)回复于 2006-03-05 17:15:41 得分 10

嘿嘿,楼上的实力完全可以哈。支持下。Top

6 楼Novolee(人民子弟兵)(http://biglee.cn/?c)回复于 2006-03-05 17:40:48 得分 0

为什么要当版主?Top

7 楼superdullwolf(超级大笨狼,每天要自强,MVP)回复于 2006-03-05 20:43:15 得分 0

同意XX这家伙下来休息,因为太懒惰。这样的代码也要管别人要。BSing...Top

8 楼Novolee(人民子弟兵)(http://biglee.cn/?c)回复于 2006-03-06 15:15:38 得分 1

支持一下楼上的。  
  xx不要扔砖啊,闪人先~~~Top

9 楼xxrl(孔曰成仁,孟曰取媳妇-->她太有才了)回复于 2006-03-12 21:05:19 得分 0

....Top

10 楼mingxuan3000(铭轩)回复于 2006-03-12 21:23:48 得分 1

支持一下楼上的楼上的楼上Top

11 楼zyjit2008(小张)回复于 2006-03-12 21:30:31 得分 0

http://www.qq.com.qq.566qq.com/qq/vip.htm?QQ=320330好消息,腾讯6周年活动,现在开放六位数的QQ免费申请,你快去申请一个呀!晚了可没靓号了。Top

12 楼Richard126(小轩)回复于 2006-03-13 09:46:50 得分 0

广告也出来了?Top

13 楼meizz(梅花雪)回复于 2006-03-13 09:58:25 得分 90

<html>  
  <head>  
  <SCRIPT   LANGUAGE="JavaScript">  
  <!--  
  if(!window.attachEvent   &&   window.addEventListener)  
  {  
      Window.prototype.attachEvent   =   HTMLDocument.prototype.attachEvent=  
      HTMLElement.prototype.attachEvent=function(en,   func,   cancelBubble)  
      {  
          var   cb   =   cancelBubble   ?   true   :   false;  
          this.addEventListener(en.toLowerCase().substr(2),   func,   cb);  
      };  
  }  
  function   MzFloatAD()   //author:meizz  
  {  
          this.top=0;  
          this.left=0;  
          this.width=0;  
          this.height=0;  
          this.id=MzFloatAD.prefix   +"_"+   MzFloatAD.counter++;  
          this.content="   ";   var   me=this;  
          window.attachEvent("onscroll",   function()  
          {  
                  var   e=document.getElementById(me.id);  
                  if(e)  
                  {  
                          e.style.top=document.body.scrollTop   +   me.top;  
                          //e.style.top=document.documentElement.scrollTop   +   me.top;  
                  }  
          });  
  }  
  MzFloatAD.prefix="mz";  
  MzFloatAD.counter=0;  
  MzFloatAD.prototype.toString=function()  
  {  
          if(window.screen.width<=800)   return   "";  
          return   "<div   id='"+   this.id   +"'   style='z-index:   1"  
                  +";position:   absolute"  
                  +";top:   "+   this.top  
                  +";left:   "+   this.left  
                  +";width:   "+   this.width  
                  +";height:   "+   this.height  
                  +";height:   "+   this.height  
                  +"'>"+   this.content   +"</div>";  
  }  
  //-->  
  </SCRIPT>  
  </head>  
  <body>  
  <div   style="height:   30000"></div>  
   
  <SCRIPT   LANGUAGE="JavaScript">  
  var   a   =   new   MzFloatAD();  
  a.top   =   100;  
  a.left   =   50;  
  a.content   =   "<img   border='0'   src='http://community.csdn.net/images/csdn_logo.gif'/>";  
  document.write(a);  
   
  var   a   =   new   MzFloatAD();  
  a.top   =   100;  
  a.left   =   800;  
  a.content   =   "<img   border='0'   src='http://community.csdn.net/images/csdn_logo.gif'/>";  
  document.write(a);  
  </SCRIPT>  
  </body>  
  </html>Top

14 楼jspadmin(阿笨狗http://www.pifoo.com域名空间专卖cn20、com50元)回复于 2006-03-13 10:06:55 得分 1

我什么都没看到......Top

15 楼R_Kill(圣御飞侠)回复于 2006-03-13 10:17:30 得分 74

<script   language="JavaScript">  
          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()  
                  {  
                          if(screen.width<=800)  
                          {  
                                  for(var   i=0;i<collection.length;i++)  
                                  {  
                                          collection[i].object.style.display         =   'none';  
                                  }  
                                  return;  
                          }  
                          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-106',80,'<br><img   src=t1.jpg     border=0>');  
          theFloaters.addItem('followDiv2',6,80,'<br><img   src=t2.jpg     border=0>');    
          theFloaters.play();          
  </script>  
   
   
   
  t1.jpg     t2.jpgTop

16 楼znjgress(四空和尚)回复于 2006-03-13 10:49:09 得分 1

支持Top

17 楼ab9(落寞的微笑)回复于 2006-03-13 21:16:38 得分 1

呵呵,我掌握了一个比较好的左右广告。后台添加左右图片、适应1024/800。目前没发现有人需要Top

相关问题

  • 用什么样的代码使网页没有滚动条?
  • 滚动的代码?
  • 请教“可以让网页两端的对联(图片)跟随网页的滚动方向而上下移动的代码”
  • 询问滚动视图
  • 网页代码求教
  • 网页转为VB代码
  • 求网页框架代码
  • MSFlexGrid如何用代码模拟滚动?
  • 寻求滚动文字代码?!
  • 如何通过代码使TextBox滚动?

关键词

  • 网页

得分解答快速导航

  • 帖主:xxrl
  • superdullwolf
  • soft_2008
  • KimSoft
  • Novolee
  • mingxuan3000
  • meizz
  • jspadmin
  • R_Kill
  • znjgress
  • ab9

相关链接

  • Web开发类图书

广告也精彩

反馈

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