




已阅读5页,还剩5页未读, 继续免费阅读
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
普通效果现在很多网站广告做的如火如荼,现在我就来介绍一下常见的对联浮动广告效果的代码使用方法,介绍的这种效果,在1024*768分辨率下正常显示,在800*600的分辨率下可以自动隐藏,以免遮住页面影响访问者浏览内容,下面就是实现效果所需代码:var delta=0.015 var collection; function floaters() this.items = ; this.addItem = function(id,x,y,content) document.write(+content+); var newItem = ; newItem.object = document.getElementById(id); newItem.x = x; newItem.y = y; this.itemsthis.items.length = newItem; this.play = function() collection = this.items setInterval(play(),10); function play() if(screen.width=800) for(var i=0;icollection.length;i+) collectioni.object.style.display = none; return; for(var i=0;i0?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=(dy0?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-100,0,); theFloaters.addItem(followDiv2,0,0,); theFloaters.play(); 把上面的代码另存为一个JS文件,然后在想实现此效果的页面用 调用即可!注意修改广告图片地址和连接地址!鼠标感应与前面一个代码不同的是,当鼠标移动到广告图片上是可以感应显示另外设置好的广告大图效果,下面就是实现效果所需代码:function bigshow()document.all.div_250.style.visibility = visible;document.all.div_80.style.visibility = hidden;function bighide()document.all.div_80.style.visibility = visible;document.all.div_250.style.visibility = hidden;var ad_80= new Array(1);var ad_250= new Array(1);ad_800=;ad_2500=;var imgheight;var fubioleft;window.screen.width800 ? fubioleft=15:fubioleft=15document.write();ad_now = new Date();ad_id= ad_now.getSeconds() %1var adhead1=;var adhead2=;/var adhead1=;/var adhead2=;document.write(adhead1+ad_80ad_id+adhead2+ad_250ad_id+);document.write ();self.onError=null;currentX = currentY = 0; whichIt = null; lastScrollX = 0; lastScrollY = 0; NS = (document.layers) ? 1 : 0; IE = (document.all) ? 1: 0; function heartBeat() if(IE) diffY = document.body.scrollTop;diffX = document.body.scrollLeft; if(NS) diffY = self.pageYOffset; diffX = self.pageXOffset; if(diffY != lastScrollY) percent = .5 * (diffY - lastScrollY); if(percent 0) percent = Math.ceil(percent); else percent = Math.floor(percent); if(IE) document.all.floater_left.style.pixelTop += percent; if(NS) document.floater_left.top += percent; lastScrollY = lastScrollY + percent; if(diffX != lastScrollX) percent = .5 * (diffX - lastScrollX); if(percent 0) percent = Math.ceil(percent); else percent = Math.floor(percent); if(IE) document.all.floater_left.style.pixelLeft += percent; if(NS) document.floater_left.left += percent; lastScrollX = lastScrollX + percent; if(NS | IE) action = window.setInterval(heartBeat(),1);var ad_80= new Array(1);var ad_250= new Array(1);ad_800=;ad_2500=;var imgheight;var fubioleft;window.screen.width800 ? fubioleft=15:fubioleft=15document.write();ad_now = new Date();ad_id= ad_now.getSeconds() %1function myload()if (navigator.appName = Netscape)document.div_right_80.pageX=+window.innerWidth-130;document.div_right_250.pageX=+window.innerWidth-300;mymove();elsediv_right_80.style.left=document.body.offsetWidth-130;div_right_250.style.left=document.body.offsetWidth-300;mymove();function mymove()if(document.ns)document.div_right_80.left=pageXOffset+window.innerWidth-130;document.div_right_250.left=pageXOffset+window.innerWidth-300;setTimeout(mymove();,20)elsediv_right_80.style.left=document.body.scrollLeft+document.body.offsetWidth-145;div_right_250.style.left=document.body.scrollLeft+document.body.offsetWidth-300;setTimeout(mymove();,20)var adhead1=;var adhead2=;document.write(adhead1+ad_80ad_id+adhead2+ad_250ad_id+);myload()document.write ();self.onError=null;currentX_right = currentY_right = 0; whichIt_right = null; lastScrollX_right = 0; lastScrollY_right = 0; NS = (document.layers) ? 1 : 0; IE = (document.all) ? 1: 0; function heartBeat_right() if(IE) diffY_right = document.body.scrollTop;diffX_right = document.body.scrollLeft; if(NS) diffY_right = self.pageYOffset; diffX_right = self.pageXOffset; if(diffY_right != lastScrollY_right) percent_right = .5 * (diffY_right - lastScrollY_right); if(percent_right 0) percent_right = Math.ceil(percent_right); else percent_right = Math.floor(percent_right); if(IE) document.all.floater_right.style.pixelTop += percent_right; if(NS) document.floater_right.top += percent_right; lastScrollY_right = lastScrollY_right + percent_right; if(diffX_right != lastScrollX_right) percent_right = .5 * (diffX_right - lastScrollX_right); if(percent_right 0) percent_right = Math.ceil(percent_right); else percent_right = Math.floor(percent_right); if(IE) document.all.floater_right.style.pixelLeft += percent_right; if(NS) document.floater_right.left += percent_right; lastScrollX_right = lastScrollX_right + percent_right; if(NS | IE) action = window.setInterval(heartBeat_right(),1);function bigshow_right()document.all.div_right_250.style.visibility = visible;document.all.div_right_80.style.visibility = hidden;function bighide_right()document.all.div_right_80.style.visibility = visible;document.all.div_right_250.style.visibility = hidden;document.write();document.write();document.write();把上面的代码另存为一个JS文件,然后在想实现此效果的页面用调用即可,*代表你另存的文件名!注意修改广告图片地址和连接地址!允许关闭与前面两个代码不同的是,广告图下方增加了一个图片按纽,允许访客点击关闭广告图片,下面文本框中就是实现效果所需代码:var delta=0.015;var collection;var closeB=false;function floaters() this.items = ;this.addItem = function(id,x,y,content) document.write(+content+); var newItem = ; newItem.object = document.getElementById(id); newItem.x = x; newItem.y = y; this.itemsthis.items.length = newItem; this.play = function() collection = this.items setInterval(play(),30); function play() if(screen.width=800 | closeB) for(var i=0;icollection.length;i+) collectioni.object.style.display = none; return; for(var i=0;i0?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=(dy0?1:-1)*Math.ceil(Math.abs(dy); followObj.style.top=followObj.offsetTop+dy; followObj.style.display = ; function closeBanner() closeB=true; return;var theFloaters = new floaters();/theFloaters.addItem(followDiv1,document.body.clientWidth-100,0,);theFloaters.addItem(followDiv2,0,0,);theFloaters.play();把上面的代码另存为一个JS文件,然后在想实现此效果的页面用 调用即可,*代表你另存的文件名!注意修改广告图片地址和连接地址!左侧代码如果您想只有一侧显示的话,下面是实现左侧效果所需代码:var ad_float_left_src =图片地址;var ad_float_left_url =地址;var ad_float_left_type = ;document.ns = navigator.appName = Microsoft Internet Explorervar imgheight_closevar imgleftwindow.screen.width800 ? imgheight_close=120:imgheight_close=120window.screen.width800 ? imgleft=8:imgleft=122function myload()myleft.style.top=document.body.scrollTop+document.body.offsetHeight-imgheight_close;myleft.style.left=imgleft;leftmove();function leftmove() myleft.style.top=document.body.scrollTop+document.body.offsetHeight-imgheight_close;myleft.style.left=imglef
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 武汉职业招聘面试题库精 编
- 财经界高级会计面试题目精 编
- 学前谈话活动讲课
- 天气预报课程讲解
- 5G与广播电视融合服务发展趋势
- 学校年度汇报总结
- 细胞分裂染色体组
- 视力防控工作汇报
- 2026届青海省重点中学化学高一上期末质量检测模拟试题含解析
- 乳字笔顺讲解课件
- 2025至2030中国会议平板行业发展趋势分析有效策略与实施路径评估报告
- 2025年《工会基础知识》试题库及答案
- 2025年江苏省靖江市辅警招聘考试试题题库及答案详解(名师系列)
- 机械加工投标技术方案(3篇)
- 2025年高考化学试卷真题完全解读(河北卷)
- 成都东部集团有限公司招聘考试真题2024
- 肺癌的护理新进展
- 2025年党建知识应知应会题库及答案
- JJG 597-2025交流电能表检定装置检定规程
- DBJT 13-318-2025建筑施工盘扣式钢管脚手架安全技术标准
- 2025年湖南长沙市直事业单位公开招聘选调工作人员160人真题含答案
评论
0/150
提交评论