长风在线-首页
 首页 >> 软件文库 >> 网页设计 >> 正文
如何制作网页的弹出窗口
来源: 作者: 阅读: 次 字体:

  
  问:我在制作网页时,也想制作一个弹出窗口,请问该如何制作?

  答:经常上网的朋友可能会到过这样一些网站,一进入首页立刻会

弹出一个窗口,或者按一个连接或按钮弹出,其实制作这样的页面效果

非常的容易,只要往该页面的HTML里加入几段代码即可实现。注意:有

关涉及到代码的步骤,应该用记事本来做,不要在Dreamweaver下操作,

否则,会有意想不到的麻烦。现针对弹出窗口举几个实例:
1.最基本的弹出窗口代码
   
   
  
  是对一些版本低的浏览器起作用,在这些老浏览器中不会将标签中

的代码作为文本显示出来。
  window.open("http://www.cf66.net")用于控制弹出新的窗口

http://www.cf66.net,如果http://www.cf66.net不与主窗口在同一路

径下,前面应写明路径,绝对路径(http://)和相对路径(../)均可。用

单引号和双引号都可以,只是不要混用。 
  这一段代码可以加入HTML的任意位置,和之间可以,和之间也可以

,越前越早执行,尤其是页面代码长,又想使页面早点弹出就尽量往前

放。也可以,越前越早执行,尤其是页面代码长,又想使页面早点弹出

就尽量往前放。 


2.加参数的弹出窗口代码
   
   
  
"http://www.cf66.net"表示页面的地址,可以是相对路径,也可以

是绝对路径。
"a"表示弹出窗口的名字(不是文件名),它的意义在于,当你刷新

原始的这页全窗口的时候,弹出窗口就会刷新一次;而如果把名字省略

,改为"",那么当刷新这页的时候,就会新增加一个弹出窗口。
height=100表示弹出窗口的高度。
width=400表示弹出窗口的宽度。
  top=0表示窗口距离屏幕上方的象素值。
  left=0表示窗口距离屏幕左侧的象素值。
  toolbar=no表示是否显示工具栏,1或yes为显示。
  menubar=no表示是否显示菜单栏,1或yes为显示。
  scrollbars=no表示是否显示滚动栏,1或yes为显示。 
  resizable=no表示是否允许改变窗口大小,1或yes为允许。
  location=no表示是否显示地址栏,1或yes为允许。
  status=no表示是否显示状态栏内的信息(通常是文件已经打开),

1或yes为允许。

3.点击超链接的弹出窗口代码
走进弹出窗口广告

3.批量实现的弹出窗口代码

走进咨询网
百年经典

4.函数控制的弹出窗口代码
   
   
   
   
   
   
   
  ……任意的页面内容……
   
   
  这里定义了一个函数openwin(),函数内容就是打开一个窗口,在调

用它之前没有任何用途。
  调用方法一: 浏览器读页面时弹出窗口。
  调用方法二: 浏览器离开页面时弹出窗口。
  调用方法三:用一个连接调用:打开一个窗口。
  调用方法四:用一个按钮调用:。

  5.同时弹出2个窗口的弹出窗口代码
   
   
  
  为避免弹出的2个窗口覆盖,用top和left控制一下弹出的位置不要

相互覆盖即可。最后用上面说过的四种方法调用即可。

  6.弹出主窗口同时弹出小窗口的弹出窗口代码
  将以下代码加入和之间: 
   
   
   
  将以下代码加入和之间:
  open

  7.弹出窗口定时关闭控制的弹出窗口代码
  将以下代码加入弹出的页面的和之间,让它10秒后自动关闭。
   
  function closeit() { 
  setTimeout("self.close()",10000) //毫秒 
  } 
    
  然后,再用 这一句话代替弹出的页面中原有的这一句就可以了。

  8.弹出窗口中加上关闭按钮的弹出窗口代码
  
 
   
  

  
  9.内包含弹出窗口的弹出窗口代码  
  上面的例子都包含两个窗口,一个是主窗口,另一个是弹出的小窗

口。通过下面的例子,你可以在一个页面内完成上面的效果。 
   
   
   
  function openwin() 
  { 
  OpenWindow=window.open("http://www.cf66.net", "",

"height=100, width=400, top=0, left=0, toolbar=no, menubar=no,

scrollbars=no, resizable=no, location=no, status=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()结束。

  10.单击鼠标右键自动弹出窗口的弹出窗口代码
    将以下代码加入和之间:
      
      
      

  10.Cookie控制的弹出窗口代码
  将以下代码加入弹出的页面的和之间:
  
  然后,用(注意不是openwin而是loadpop)替换主页面中原有的这

一句即可。你可以试着刷新一下这个页面或重新进入该页面,窗口再也

不会弹出了。

转载本站文章请注明 来源:长风在线 http://www.CF66.Net
上一篇: 没有了
下一篇: 网页特效<一>典型特效
【投稿日期:2006-11-17 19:04:21】【责任编辑:】【会员投稿】【收藏本页
 文章评论

会员名称:
密码:匿名 ·注册·忘记密码?
评论内容:
(最多300个字符)
  查看评论
 相关文章
 >> 站 内 搜 索
 
 >> 推 荐 阅 读
- 他与3个女人的故事:浪子,
- 我的儿媳妇,撑起摇摇欲坠
- 新素食主义者 我行我素
- 单车运动,“骑”乐无穷
- 幸福在哪里——荆门女子的
- 诗人阿翔:无声世界里的旅行
- 我们能否再回到从前 - 我的
- 不能给她幸福,只能为她祝
- 农村汉子捐肾救妻叩开生命
- 银行卡该怎样使用?——专