【linux源码背诵】【spd 系统 源码】【java源码弹幕】打广告源码_广告制作源码

2024-11-30 11:35:48 来源：技术宅源码 分类：热点

1.广告代码如何制作弹窗

打广告源码_广告制作源码

广告代码如何制作弹窗

       ã€1、最基本的弹出窗口代码】其实代码非常简单：<scriptlanguage="javascript"><!--window

       open('page

       html')--></script>因为着是一段javascripts代码，所以它们应该放在<scriptlanguage="javascript">标签和</script>之间

       <!--和-->是对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代码作为文本显示出来

       è¦å…»æˆè¿™ä¸ªå¥½ä¹ æƒ¯å•Š

       window

       open('page

       html')用于控制弹出新的窗口page

       html，如果page

       html不与主窗口在同一路径下，前面应写明路径，绝对路径(p>

       /)均可

       ç”¨å•å¼•å·å’ŒåŒå¼•å·éƒ½å¯ä»¥ï¼Œåªæ˜¯ä¸è¦æ··ç”¨

       è¿™ä¸€æ®µä»£ç å¯ä»¥åŠ å…¥html的任意位置，<head>和</head>之间可以，<body>间</body>也可以，越前越早执行，尤其是页面代码长，又想使页面早点弹出就尽量往前放

       ã€2、经过设置后的弹出窗口】下面再说一说弹出窗口的设置

       åªè¦å†å¾€ä¸Šé¢çš„代码中加一点东西就可以了

       æˆ‘们来定制这个弹出的窗口的外观，尺寸大小，弹出的位置以适应该页面的具体情况

       <scriptlanguage="javascript"><!--window

       open('page

       html',打广linux源码背诵'newwindow','height=,width=,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no')//写成一行--></script>参数解释：<scriptlanguage="javascript">js脚本开始；window

       open弹出新窗口的命令；'page

       html'弹出窗口的文件名；'newwindow'弹出窗口的名字（不是文件名），非必须，可用空''代替；height=窗口高度；width=窗口宽度；top=0窗口距离屏幕上方的象素值；left=0窗口距离屏幕左侧的象素值；toolbar=no是否显示工具栏，yes为显示；menubar，scrollbars表示菜单栏和滚动栏

       resizable=no是否允许改变窗口大小，yes为允许；location=no是否显示地址栏，yes为允许；status=no是否显示状态栏内的信息（通常是文件已经打开），yes为允许；</script>js脚本结束【3、用函数控制弹出窗口】下面是一个完整的代码

       <html><head><scriptlanguage="javascript"><!--functionopenwin(){ window

       open("page

       html","newwindow","height=,width=,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no")//写成一行}//--></script></head><bodyonsubmit="openwin()">

       ä»»æ„çš„页面内容

       </body></html>这里定义了一个函数openwin(),函数内容就是打开一个窗口

       åœ¨è°ƒç”¨å®ƒä¹‹å‰æ²¡æœ‰ä»»ä½•ç”¨é€”

       æ€Žä¹ˆè°ƒç”¨å‘¢ï¼Ÿæ–¹æ³•ä¸€ï¼š<bodyonsubmit="openwin()">浏览器读页面时弹出窗口；方法二：<bodyonunload="openwin()">浏览器离开页面时弹出窗口；方法三：用一个连接调用：<ahref=""onload="openwin()">打开一个窗口</a>注意：使用的""是虚连接

       æ–¹æ³•å››ï¼šç”¨ä¸€ä¸ªæŒ‰é’®è°ƒç”¨ï¼š<inputtype="button"onload="openwin()"value="打开窗口">【4、同时弹出2个窗口】对源代码稍微改动一下：<scriptlanguage="javascript"><!--functionopenwin(){ window

       open("page

       html","newwindow","height=,width=,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no")//写成一行window

       open("page2

       html","newwindow2","height=,width=,top=,left=,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no")//写成一行}//--></script>为避免弹出的2个窗口覆盖，用top和left控制一下弹出的位置不要相互覆盖即可

       æœ€åŽç”¨ä¸Šé¢è¯´è¿‡çš„四种方法调用即可

       æ³¨æ„ï¼š2个窗口的name(newwindows和newwindow2)不要相同，或者干脆全部为空

       ok？【5、主窗口打开文件1

       htm，同时弹出小窗口page

       html】如下代码加入主窗口<head>区：<scriptlanguage="javascript"><!--functionopenwin(){ window

       open("page

       html","","width=,height=")<p></p>}//--></script>加入<body>区：<ahref="/1

       htm"onload="openwin()">open</a>即可

       ã€6、弹出的窗口之定时关闭控制】下面我们再对弹出的窗口进行一些控制，效果就更好了

       å¦‚果我们再将一小段代码加入弹出的页面(注意是加入到page

       html的html中，可不是主页面中，否则

       )，让它秒后自动关闭是不是更酷了？首先，将如下代码加入page

       html文件的<head>区：<scriptlanguage="javascript">functioncloseit(){ settimeout("self

       close()",)//毫秒}</script>然后，再用<bodyonsubmit="closeit()">这一句话代替page

       html中原有的<body>这一句就可以了

       (这一句话千万不要忘记写啊！这一句的作用是调用关闭窗口的代码，秒钟后就自行关闭该窗口

       )【7、在弹出窗口中加上一个关闭按钮】<form><inputtype='button'value='关闭'onload='window

       close()'></form>呵呵，现在更加完美了！【8、内包含的弹出窗口-一个页面两个窗口】上面的例子都包含两个窗口，一个是主窗口，另一个是弹出的小窗口

       é€šè¿‡ä¸‹é¢çš„例子，你可以在一个页面内完成上面的效果

       <html><head><scriptlanguage="javascript">functionopenwin(){ openwindow=window

       open("","newwin","height=,width=,toolbar=no,scrollbars="+scroll+",menubar=no");<p></p>//写成一行<p></p>openwindow

       document

       write("<title>例子</title>")<p></p>openwindow

       document

       write("<bodybgcolor=ffffff>")<p></p>openwindow

       document

       write("<h1>hello!</h1>")<p></p>openwindow

       document

       write("newwindowopened!")<p></p>openwindow

       document

       write("</body>")<p></p>openwindow

       document

       write("</html>")<p></p>openwindow

       document

       close()}</script></head><body><ahref=""onload="openwin()">打开一个窗口</a><inputtype="button"onload="openwin()"value="打开窗口"></body></html>看看openwindow

       document

       åƒä¸‡æ³¨æ„å¤šä¸€ä¸ªæ ‡ç­¾æˆ–少一个标签就会出现错误

       è®°å¾—用openwindow

       document

       close()结束啊

       ã€9、终极应用--弹出的窗口之cookie控制】回想一下，上面的弹出窗口虽然酷，但是有一点小毛病(沉浸在喜悦之中，一定没有发现吧？)比如你将上面的脚本放在一个需要频繁经过的页面里(例如首页)，那么每次刷新这个页面，窗口都会弹出一次，是不是非常烦人？:-(有解决的办法吗？yes!;-)followme

       æˆ‘们使用cookie来控制一下就可以了

       é¦–先，将如下代码加入主页面html的<head>区：<script>functionopenwin(){ window

       open("page

       html","","width=,height=")}functionget_cookie(name){ varsearch=name+"="<p></p>varreturnvalue="";<p></p>if(documents

       cookie

       length>0){ <p></p>offset=documents

       cookie

       indexof(search)<p></p>if(offset!=-1){ <p></p>offset+=search

       length<p></p>end=documents

       cookie

       indexof(";",offset);<p></p>if(end==-1)<p></p>end=documents

       cookie

       length;<p></p>returnvalue="/unescape(documents

       cookie

       substring(offset,end))"<p></p>}}returnreturnvalue;}functionloadpopup(){ if(get_cookie('popped')==''){ openwin()documents

       cookie="popped=yes"}}</script>然后，用<bodyonsubmit="loadpopup()">（注意不是openwin而是loadpop啊！）替换主页面中原有的<body>这一句即可

       ä½ å¯ä»¥è¯•ç€åˆ·æ–°ä¸€ä¸‹è¿™ä¸ªé¡µé¢æˆ–重新进入该页面，窗口再也不会弹出了

       çœŸæ­£çš„pop-only-once！写到这里弹出窗口的制作和应用技巧基本上算是完成了，俺也累坏了，一口气说了这么多，希望对正在制作网页的朋友有所帮助俺就非常欣慰了

       éœ€è¦æ³¨æ„çš„是，js脚本中的的大小写最好前后保持一致

更多内容请点击【热点】专栏

精彩资讯

推荐内容