弹窗广告代码大全_第1页
弹窗广告代码大全_第2页
弹窗广告代码大全_第3页
弹窗广告代码大全_第4页
弹窗广告代码大全_第5页
已阅读5页,还剩8页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

分享到弹窗广告代码大全1.超级弹窗代码(MYIE也照弹) focusid=setTimeout(focus();window.showModelessDialog(,scroll:1;status:0;help:0;resizable:1;dialogWidth:0px;dialogHeight:0px),0000) 2.网页弹窗代码大全 经常上网的朋友可能会到过这样一些网站,一进入首页立刻会弹出一个窗口,或者按一个连接或按钮弹出,通常在这个窗口里会显示一些注意事项、版权信息、警告、欢迎光顾之类的话或者作者想要特别提示的信息。其实制作这样的页面效果非常的容易,只要往该页面的html里加入几段javascript代码即可实现。下面俺就带您剖析它的奥秘。 【1、最基本的弹出窗口代码】 其实代码非常简单: 因为着是一段javascripts代码,所以它们应该放在标签和之间。是对一些版本低的浏览器起作用,在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。 window.open (page.html) 用于控制弹出新的窗口page.html,如果page.html不与主窗口在同一路径下,前面应写明路径,绝对路径(http:/)和相对路径(./)均可。用单引号和双引号都可以,只是不要混用。 这一段代码可以加入html的任意位置,和之间可以,间也可以,越前越早执行,尤其是页面代码长,又想使页面早点弹出就尽量往前放。 【2、经过设置后的弹出窗口】 下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。 我们来定制这个弹出的窗口的外观,尺寸大小,弹出的位置以适应该页面的具体情况。 参数解释: js脚本开始; window.open 弹出新窗口的命令; page.html 弹出窗口的文件名; newwindow 弹出窗口的名字(不是文件名),非必须,可用空代替; height=100 窗口高度; width=400 窗口宽度; top=0 窗口距离屏幕上方的象素值; left=0 窗口距离屏幕左侧的象素值; toolbar=no 是否显示工具栏,yes为显示; menubar,scrollbars 表示菜单栏和滚动栏。 resizable=no 是否允许改变窗口大小,yes为允许; location=no 是否显示地址栏,yes为允许; status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许; js脚本结束 【3、用函数控制弹出窗口】 下面是一个完整的代码。 .任意的页面内容. 这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。 怎么调用呢? 方法一: 浏览器读页面时弹出窗口; 方法二: 浏览器离开页面时弹出窗口; 方法三:用一个连接调用: 打开一个窗口 注意:使用的#是虚连接。 方法四:用一个按钮调用: 【4、同时弹出2个窗口】 对源代码稍微改动一下: 为避免弹出的2个窗口覆盖,用top和left控制一下弹出的位置不要相互覆盖即可。最后用上面说过的四种方法调用即可。 注意:2个窗口的name(newwindows和newwindow2)不要相同,或者干脆全部为空。ok? 【5、主窗口打开文件1.htm,同时弹出小窗口page.html】 如下代码加入主窗口区: 加入区: open即可。 【6、弹出的窗口之定时关闭控制】 下面我们再对弹出的窗口进行一些控制,效果就更好了。如果我们再将一小段代码加入弹出的页面(注意是加入到page.html的html中,可不是主页面中,否则.),让它10秒后自动关闭是不是更酷了? 首先,将如下代码加入page.html文件的区: function closeit() settimeout(self.close(),10000) /毫秒 然后,再用 这一句话代替page.html中原有的这一句就可以了。(这一句话千万不要忘记写啊!这一句的作用是调用关闭窗口的代码,10秒钟后就自行关闭该窗口。) 【7、在弹出窗口中加上一个关闭按钮】 呵呵,现在更加完美了! 【8、内包含的弹出窗口-一个页面两个窗口】 上面的例子都包含两个窗口,一个是主窗口,另一个是弹出的小窗口。 通过下面的例子,你可以在一个页面内完成上面的效果。 function openwin() openwindow=window.open(, newwin, height=250, width=250,toolbar=no,scrollbars=+scroll+,menubar=no); /写成一行 openwindow.document.write(例子) openwindow.document.write() openwindow.document.write(hello!) openwindow.document.write(new window opened!) openwindow.document.write() openwindow.document.write() openwindow.document.close() 打开一个窗口 看看 openwindow.document.write()里面的代码不就是标准的html吗?只要按照格式写更多的行即可。千万注意多一个标签或少一个标签就会出现错误。记得用openwindow.document.close()结束啊。 【9、终极应用-弹出的窗口之cookie控制】 回想一下,上面的弹出窗口虽然酷,但是有一点小毛病(沉浸在喜悦之中,一定没有发现吧?)比如你将上面的脚本放在一个需要频繁经过的页面里(例如首页),那么每次刷新这个页面,窗口都会弹出一次,是不是非常烦人?:-(有解决的办法吗?yes! ;-) follow me. 我们使用cookie来控制一下就可以了。 首先,将如下代码加入主页面html的区: function openwin() window.open(page.html,width=200,height=200) function get_cookie(name) var search = name + = var returnvalue = ; if (documents.cookie.length 0) offset = documents.cookie.indexof(search) if (offset != -1) offset += search.length end = documents.cookie.indexof(;, offset); if (end = -1) end = documents.cookie.length; returnvalue=/unescape(documents.cookie.substring(offset,end) return returnvalue; function loadpopup() if (get_cookie(popped)=) openwin() documents.cookie=popped=yes 然后,用(注意不是openwin而是loadpop啊!)替换主页面中原有的这一句即可。你可以试着刷新一下这个页面或重新进入该页面,窗口再也不会弹出了。真正的pop-only-once! 写到这里弹出窗口的制作和应用技巧基本上算是完成了,俺也累坏了,一口气说了这么多,希望对正在制作网页的朋友有所帮助俺就非常欣慰了。 需要注意的是,js脚本中的的大小写最好前后保持一致。 3.一个强制弹窗代码 一个强制弹窗代码 /* * 用本程序弹出的窗口将不会被广告拦截软件拦截,但有一个缺点:你无法象对window.open弹出的窗口那样对外观进行定制。 * 你当然也可以在使用前实例化一个ForceWindow对象: * var myWindow = new ForceWindow(); * 这样来使用: * myWindow.pop(URL); * 本程序在 IE 5+、Firefox 1.0、Mozilla 1.7.5、Netscape 7.2、Opera 7.23 下测试正常,但目前没有冲破Firefox的拦截。 */ 演示地址 :/click.html 将下面的代码保存为一个.JS文件 CODE: /* * 定义ForceWindow类构造函数 * 无参数 * 无返回值 */ function ForceWindow () if (!(this.isMsie = (/MSIE/).test(navigator.appVersion) this.f = document.createElement(FORM); this.f.target = _blank; this.f.method = post; document.documentElement.insertBefore(this.f, document.documentElement.childNodes0); /* * 定义pop方法 * 参数sUrl:字符串,要打开窗口的URL。 * 无返回值 */ ForceWtotype.pop = function (sUrl) if (this.isMsie) var dialogConent = onmouseover; dialogConent += iecn; dialogConent += ; dialogConent += document.getElementById(iecn).click();window.close(); window.showModalDialog(dialogConent, , width:1px;height:1px;left:0px;top:0px;); else this.f.action = sUrl; this.f.submit(); /* * 实例化一个ForceWindow对象并做为window对象的一个子对象以方便调用 * 定义后可以这样来使用:window.force.pop(URL); */ window.force = new ForceWindow(); 测试部分. CODE: ForceWindow测试 window.onsubmit = function () window.force.pop(); 强制弹出窗口测试 打开这页,如果弹出了Blue DOWNLOAD System论坛,即表示正常.顺带去我的论坛看看了,_ HI,宝贝,来点我撒 :-) 4.1、24小时弹出一个窗口的代码 !- NETBEI.COM var Time=86400; /设置每次弹出的相格的时间以秒为单位,现在是一天 function Set() var Then=new Date(); Then.setTime(Then.getTime()+Time*1000); documents.cookie=netbei=1;expires=+Then.toGMTString(); var cookieString=new String(documents.cookie); var cookieHeader=netbei=; var beginPosition=cookieString.indexOf(cookieHeader); if (beginPosition 2、可设置同一IP弹出窗口次数和时间的弹窗代码 JS文件 function GetCookie (name) var arg = name + =; var alen = arg.length; var clen = documents.cookie.length; var i = 0; while (i 2) ? argv2 : null; var path = (argc 3) ? argv3 : null; var domain = (argc 4) ? argv4 : null; var secure = (argc 5) ? argv5 : false; documents.cookie = name + = + escape (value) + (expires = null) ? : (; expires= + expires.toGMTString() + (path = null) ? : (; path= + path) + (domain = null) ? : (; domain= + domain) + (secure = true) ? ; secure : ); function deleteCookie (name) var exp = new Date(); exp.setTime (exp.getTime() - 1); / This cookie is history var cval = 0; documents.cookie = name + = + cval + ; expires= + exp.toGMTString(); /设置cookies时间,自己根据情况设置。 var expDays = 1; var exp = new Date(); exp.setTime(exp.getTime() + (expDays*1*10*60*1000); function amt() var count; /var count = GetCookie(count); /同一ip只显示一次 /var count;/同一ip只显示N次 /about:(count); /count = null; if(count = null) SetCookie(count,1) return 1 else var newcount = parseInt(count) + 1; if(newcount 3、3721和MYIE屏蔽不掉的弹窗代码 Code: focusid=setTimeout(window.showModelessDialog(pen.htm,scroll:0;status:1;help:0;resizable:0),0000) 上面代码另存为.JS 调用代码 4、用Cookie实现仅弹出一次窗口 脚本说明: 第一步:把如下代码加入区域中 0) offset = documents.cookie.indexOf(search) if (offset != -1) / if cookie exists offset += search.length / set index of beginning of value end = documents.cookie.indexOf(;, offset); / set index of end of cookie value if (end = -1) end = documents.cookie.length; returnvalue=/unescape(documents.cookie.substring(offset, end) return returnvalue; function loadpopup() if (get_cookie(popped)=) openpopup() documents.cookie=popped=yes /- 第二步:把中内容改为: body bgcolor=#fef4d9 onunload=loadpopup() 5、展开式的弹出窗口 网页上的弹出窗口见得多了,但是没有什么很新颖的效果来显示其过程。你学完这个实例后你就会感觉并不是那么回事,可让你的弹出窗口也活动起来。 制作方法: 将下面的代码复制到里: function expandingWindow(website) var heightspeed = 2; / vertical scrolling speed (higher = slower) var widthspeed = 7; / horizontal scrolling speed (higher = slower) var leftdist = 0; / distance to left edge of window var topdist = 0; / distance to top edge of window var winwidth = window.screen.availWidth - leftdist; var winheight = window.screen.availHeight - topdist; var sizer = window.open(,left= + leftdist + ,top= + topdist + ,width=200,height=200,scrollbars=yes); for (sizeheight = 1; sizeheight winheight; sizeheight += heightspeed) sizer.resizeTo(1, sizeheight); for (sizewidth = 1; sizewidth winwidth; sizewidth += widthspeed) sizer.resizeTo(sizewidth, sizeheight); sizer.location = website; 将下面的代码复制到里: HTML特效 如何设置弹出窗口的大小: 本实例中默认的弹出窗口是全屏的大小,可能在制作过程并不需要这么大,所以您可以看看下面的方法具体来修改成您所需的大小,将第一步中的javascript中的: var winwidth = window.screen.availWidth - leftdist; var winheight = window.screen.availHeight - topdist; 改成: var winwidth = 300;/300为弹出窗口的宽度 var winheight = 500; /500为弹出窗口的高度 至此你就可以完成这个实例了,快去试试吧! 6、普通弹出窗口简易制作 以前我们曾介绍过制作弹出窗口的制作方法,网上也有过类似于制作的方法介绍。其实在实际工作中,我发现,不必为每个链接定义一代码,这样可以减少很多的重复代码。只需预先使用JS定义好弹出窗口的属性,在链接处引用一下就能简单的制作出效果来。 制作方法: 在

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论