亳州网络公司 - 亳州网站制作 - 亳州网站建设 - 亳州易天科技

行業動態
W3標準多個飄浮廣告代碼
發布日期:2013-07-25 閱讀次數:3777 字體大小:

 通常在網頁中,一般很難實現多個飄浮廣告一起播放的效果,在此亳州易天科技收集了相關代碼,此JS可以實現1至多個廣告位同時飄浮。

代碼由公共腳本main.js與相關代碼組成,為方便調試,main.j代碼與網頁整合在一起。大家在實際使用時最好將相關JS單獨作成一個文件,然后再引用。-亳州易天科技專業企業網站建設以及基于互聯網應用系統的開發及架設。

實現W3標準多個飄浮廣告代碼效果(易天-小龍收集) 

XML/HTML代碼
  1. <script type="text/javascript">          
  2.  <!--           
  3. //公共腳本文件js漂浮廣告代碼(簡潔!) main.js           
  4. function addEvent(obj,evtType,func,cap){           
  5.     capcapcap=cap||false;           
  6.  if(obj.addEventListener){           
  7.      obj.addEventListener(evtType,func,cap);           
  8.   return true;           
  9.  }else if(obj.attachEvent){           
  10.         if(cap){           
  11.          obj.setCapture();           
  12.          return true;           
  13.      }else{           
  14.       return obj.attachEvent("on" + evtType,func);           
  15.   }           
  16.  }else{           
  17.   return false;           
  18.     }           
  19. }           
  20. function getPageScroll(){           
  21.     var xScroll,yScroll;           
  22.  if (self.pageXOffset) {           
  23.   xScroll = self.pageXOffset;           
  24.  } else if (document.documentElement  &&  document.documentElement.scrollLeft){           
  25.   xScroll = document.documentElement.scrollLeft;           
  26.  } else if (document.body) {           
  27.   xScroll = document.body.scrollLeft;           
  28.  }           
  29.  if (self.pageYOffset) {           
  30.   yScroll = self.pageYOffset;           
  31.  } else if (document.documentElement  &&  document.documentElement.scrollTop){           
  32.   yScroll = document.documentElement.scrollTop;           
  33.  } else if (document.body) {           
  34.   yScroll = document.body.scrollTop;           
  35.  }           
  36.  arrayPageScroll = new Array(xScroll,yScroll);           
  37.  return arrayPageScroll;           
  38. }           
  39. function GetPageSize(){           
  40.     var xScroll, yScroll;           
  41.     if (window.innerHeight  &&  window.scrollMaxY) {            
  42.         xScroll = document.body.scrollWidth;           
  43.         yScroll = window.innerHeight + window.scrollMaxY;           
  44.     } else if (document.body.scrollHeight > document.body.offsetHeight){           
  45.         xScroll = document.body.scrollWidth;           
  46.         yScroll = document.body.scrollHeight;           
  47.     } else {           
  48.         xScroll = document.body.offsetWidth;           
  49.         yScroll = document.body.offsetHeight;           
  50.     }           
  51.     var windowWidth, windowHeight;           
  52.     if (self.innerHeight) {           
  53.         windowWidth = self.innerWidth;           
  54.         windowHeight = self.innerHeight;           
  55.     } else if (document.documentElement  &&  document.documentElement.clientHeight) {           
  56.         windowWidth = document.documentElement.clientWidth;           
  57.         windowHeight = document.documentElement.clientHeight;           
  58.     } else if (document.body) {           
  59.         windowWidth = document.body.clientWidth;           
  60.         windowHeight = document.body.clientHeight;           
  61.     }            
  62.     if(yScroll < windowHeight){           
  63.         pageHeight = windowHeight;           
  64.     } else {            
  65.         pageHeight = yScroll;           
  66.     }           
  67.     if(xScroll < windowWidth){            
  68.         pageWidth = windowWidth;           
  69.     } else {           
  70.         pageWidth = xScroll;           
  71.     }           
  72.     arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight)            
  73.     return arrayPageSize;           
  74. }           
  75. //廣告腳本文件 js漂浮廣告代碼(簡潔!) AdMove.js           
  76. /*          
  77. 例子          
  78. <div id="Div2">         
  79.     ***** content ******          
  80. </div>         
  81. var ad=new AdMove("Div2");          
  82. ad.Run();          
  83. */           
  84. ////////////////////////////////////////////////////////           
  85. var AdMoveConfig=new Object();           
  86. AdMoveConfig.IsInitialized=false;           
  87. AdMoveConfig.ScrollX=0;           
  88. AdMoveConfig.ScrollY=0;           
  89. AdMoveConfig.MoveWidth=0;           
  90. AdMoveConfig.MoveHeight=0;           
  91. AdMoveConfig.Resize=function(){           
  92.     var winsize=GetPageSize();           
  93.     AdMoveConfig.MoveWidth=winsize[2];           
  94.     AdMoveConfig.MoveHeight=winsize[3];           
  95.     AdMoveConfig.Scroll();           
  96. }           
  97. AdMoveConfig.Scroll=function(){           
  98.     var winscroll=getPageScroll();           
  99.     AdMoveConfig.ScrollX=winscroll[0];           
  100.     AdMoveConfig.ScrollY=winscroll[1];           
  101. }           
  102. addEvent(window,"resize",AdMoveConfig.Resize);           
  103. addEvent(window,"scroll",AdMoveConfig.Scroll);           
  104. function AdMove(id){           
  105.     if(!AdMoveConfig.IsInitialized){           
  106.         AdMoveConfig.Resize();           
  107.         AdMoveConfig.IsInitialized=true;           
  108.     }           
  109.     var obj=document.getElementById(id);           
  110.     obj.style.position="absolute";           
  111.     var W=AdMoveConfig.MoveWidth-obj.offsetWidth;           
  112.     var H=AdMoveConfig.MoveHeight-obj.offsetHeight;           
  113.     var x = W*Math.random(),y = H*Math.random();           
  114.     var rad=(Math.random()+1)*Math.PI/6;           
  115.     var kx=Math.sin(rad),ky=Math.cos(rad);           
  116.     var dirx = (Math.random()<0.5?1:-1), diry = (Math.random()<0.5?1:-1);           
  117.     var step = 1;           
  118.     var interval;           
  119.     this.SetLocation=function(vx,vy){x=vx;y=vy;}           
  120.     this.SetDirection=function(vx,vy){dirx=vx;diry=vy;}           
  121.     obj.CustomMethod=function(){           
  122.         obj.style.left = (x + AdMoveConfig.ScrollX) + "px";           
  123.         obj.style.top = (y + AdMoveConfig.ScrollY) + "px";           
  124.         rad=(Math.random()+1)*Math.PI/6;           
  125.         W=AdMoveConfig.MoveWidth-obj.offsetWidth;           
  126.         H=AdMoveConfig.MoveHeight-obj.offsetHeight;           
  127.         xxx = x + step*kx*dirx;           
  128.         if (x < 0){dirx = 1;x = 0;kx=Math.sin(rad);ky=Math.cos(rad);}            
  129.         if (x > W){dirx = -1;x = W;kx=Math.sin(rad);ky=Math.cos(rad);}           
  130.         yyy = y + step*ky*diry;           
  131.         if (y < 0){diry = 1;y = 0;kx=Math.sin(rad);ky=Math.cos(rad);}            
  132.         if (y > H){diry = -1;y = H;kx=Math.sin(rad);ky=Math.cos(rad);}           
  133.     }           
  134.     this.Run=function(){           
  135.         var delay = 10;           
  136.         interval=setInterval(obj.CustomMethod,delay);           
  137.         obj.onmouseover=function(){clearInterval(interval);}           
  138.         obj.onmouseout=function(){interval=setInterval(obj.CustomMethod, delay);}           
  139.     }           
  140. }           
  141.  //-->          
  142.  </script>          
  143.             
  144.   <div id="gg1" style="width:100px;height:100px;background-color:red;color:yellow">          
  145.     <a href="http://www.xcwdzx.cn/Ynews.asp?type=44"><img src="index/xq.jpg"  border="0"></a>          
  146.     </
主站蜘蛛池模板: 玻璃钢型材-玻璃钢风管-玻璃钢管道,生产厂家-[江苏欧升玻璃钢制造有限公司] | HEYL硬度计量泵-荧光法在线溶解氧仪-净时测控技术(上海)有限公司 | 中红外QCL激光器-其他连续-半导体连续激光器-筱晓光子 | 视频教程导航网_视频教程之家_视频教程大全_最新视频教程分享发布平台 | 【甲方装饰】合肥工装公司-合肥装修设计公司,专业从事安徽办公室、店面、售楼部、餐饮店、厂房装修设计服务 | 碳纤维复合材料制品生产定制工厂订制厂家-凯夫拉凯芙拉碳纤维手机壳套-碳纤维雪茄盒外壳套-深圳市润大世纪新材料科技有限公司 | 防腐木批发价格_深圳_惠州_东莞防腐木厂家_森源(深圳)防腐木有限公司 | 厂房出租-厂房规划-食品技术-厂房设计-厂房装修-建筑施工-设备供应-设备求购-龙爪豆食品行业平台 | 深圳货架厂家_金丽声精品货架_广东金丽声展示设备有限公司官网 | 小型气象站_车载气象站_便携气象站-山东风途物联网 | 水成膜泡沫灭火剂_氟蛋白泡沫液_河南新乡骏华消防科技厂家 | 气体检测仪-氢气检测仪-可燃气体传感器-恶臭电子鼻-深国安电子 | 电动百叶窗,开窗器,电动遮阳百叶,电动开窗机生产厂家-徐州鑫友工控科技发展有限公司 | 吸音板,隔音板,吸音材料,吸音板价格,声学材料 - 佛山诺声吸音板厂家 | 高考志愿规划师_高考规划师_高考培训师_高报师_升学规划师_高考志愿规划师培训认证机构「向阳生涯」 | 成都治疗尖锐湿疣比较好的医院-成都治疗尖锐湿疣那家医院好-成都西南皮肤病医院 | 四川成人高考_四川成考报名网 | 实验室pH计|电导率仪|溶解氧测定仪|离子浓度计|多参数水质分析仪|pH电极-上海般特仪器有限公司 | 欧必特空气能-商用空气能热水工程,空气能热水器,超低温空气源热泵生产厂家-湖南欧必特空气能公司 | 高防护蠕动泵-多通道灌装系统-高防护蠕动泵-www.bjhuiyufluid.com慧宇伟业(北京)流体设备有限公司 | 安徽控制器-合肥船用空调控制器-合肥家电控制器-合肥迅驰电子厂 安徽净化板_合肥岩棉板厂家_玻镁板厂家_安徽科艺美洁净科技有限公司 | 传递窗_超净|洁净工作台_高效过滤器-传递窗厂家广州梓净公司 | 球磨机,节能球磨机价格,水泥球磨机厂家,粉煤灰球磨机-吉宏机械制造有限公司 | 贵州成人高考网_贵州成考网 | 知名电动蝶阀,电动球阀,气动蝶阀,气动球阀生产厂家|价格透明-【固菲阀门官网】 | 多功能真空滤油机_润滑油全自动滤油机_高效真空滤油机价格-重庆润华通驰 | 卷筒电缆-拖链电缆-特种柔性扁平电缆定制厂家「上海缆胜」 | 电子元器件呆滞料_元器件临期库存清仓尾料_尾料优选现货采购处理交易商城 | 全国冰箱|空调|洗衣机|热水器|燃气灶维修服务平台-百修家电 | 四合院设计_四合院装修_四合院会所设计-四合院古建设计与建造中心1 | 玖容气动液压设备有限公司-气液增压缸_压力机_增压机_铆接机_增压器 | 智能监控-安防监控-监控系统安装-弱电工程公司_成都万全电子 | 双相钢_双相不锈钢_双相钢圆钢棒_双相不锈钢报价「海新双相钢」 双能x射线骨密度检测仪_dxa骨密度仪_双能x线骨密度仪_品牌厂家【品源医疗】 | 粉末冶金注射成型厂家|MIM厂家|粉末冶金齿轮|MIM零件-深圳市新泰兴精密科技 | 无锡市珂妮日用化妆品有限公司|珂妮日化官网|洗手液厂家 | 门禁卡_智能IC卡_滴胶卡制作_硅胶腕带-卡立方rfid定制厂家 | 东莞韩创-专业绝缘骨架|马达塑胶零件|塑胶电机配件|塑封电机骨架厂家 | 全自动在线分板机_铣刀式在线分板机_曲线分板机_PCB分板机-东莞市亿协自动化设备有限公司 | 对夹式止回阀_对夹式蝶形止回阀_对夹式软密封止回阀_超薄型止回阀_不锈钢底阀-温州上炬阀门科技有限公司 | 老城街小面官网_正宗重庆小面加盟技术培训_特色面馆加盟|牛肉拉面|招商加盟代理费用多少钱 | PCB厂|线路板厂|深圳线路板厂|软硬结合板厂|电路板生产厂家|线路板|深圳电路板厂家|铝基板厂家|深联电路-专业生产PCB研发制造 |