中华网通行证
用户名 密码
  科技动态 硬件广场 下载基地 网络教室 网络冲浪 科学博览 移动时代 手机上网 桌面壁纸 科技商情  

巧用Behaviors制弹出窗口
 冯永曜  黄山村夫

  经常上网的朋友可能会到过这样一些网站,一进入首页或某些页面立刻会弹出一个窗口,或者按一个连接或按钮也会弹出一个小窗口,通常在这个窗口里会显示一些注意事项、版权信息、警告、公告之类的话或者作者想要特别提示的信息,这是因为弹出窗口特别能吸引人们的注意力。其实制作这样的页面效果用Behaviors的Open Browser Window动作来实现非常的容易,点点鼠标就行了。你看下面图中那个小窗口就是用它制作的。好了,下面我们就来试试。

  图1 载入网页时弹出的小窗口

一、载入网页时弹出窗口
  1、首先要制作一个在小窗口中显示的页面(假设文件名为Winpage.htm),由于一般这个弹出窗口都不大,大了就失去其效果了,因此,这个页面要做得小一点,内容要力求精炼。
  2、由于是在载入网页时弹出窗口,自然是用onLoad事件触发,所以我们必须在网页的空白处点一下,再按F8调出Behaviors面板,按面板上的“+”图标,在拉出的动作列表中选择Open Browser Window动作,将弹出一个如下图所示的对话框:

  图2 Open Browser Window动作对话框

  3、这个Open Browser Window动作对话框的参数比较多,不要紧张,待我讲完其各参数的含义,操作起来是比较简单的。
  URL to Display:在弹出窗口中要显示的网页文件名(含相对路径),点击Browse...按钮来选择,当然也可以直接输入;
  Window Width,Window Height:分别为弹出窗口的宽和高度,单位是Pix;
  Attributes(窗口属性),弹出窗口的界面参数。其中:Navigation Toolbar:导航工具栏;Location Toolbar:地址栏;Status Bar:状态栏;Menu Bar:菜单栏;Scrollbars as Needed:滚动条;Resize Handles:允许窗口大小可变;
  Window Name:弹出窗口的名字,不能用中文,只能用英文名。只弹出一个窗口时可不填;若要同时弹出多个窗口,则窗口的名称必须填上且不能重名。
  4、了解了对话框的参数含义后,我想你填写参数不会困难了吧?!象我这页左上角那个弹出窗口,只要象上图中那样填几个参数就行了,其它的参数不用管它,只管按OK!若你想要导航工具栏,只要在Navigation Toolbar左面那个小窗里点一下就行了,就这么简单。
  5、在Behaviors面板上把触发事件改为onLoad就一切OK了。按F12,看弹出窗口出来了!
  假如一个网页上的内容比较多且又比较松散,为了加快网页的浏览速度,可以把内容分成几部分,在弹出窗口中显示,然后用超级链接来控制窗口是否弹出,从而使得主页面看起来比较简洁。那么如何用超级链接控制弹出窗口呢?请看下面示例。

二、超级链接控制弹出窗口
  有了上例的基础,制作本例的效果就容易了,具体制作方法:
  1、输入几个文字,选取文字做一个空链接,如何制作空链接已讲个多次,不再重复;
  2、在链接上加载一个Open Browser Window动作,方法 与上例相同,只是不是在网页空白处点一下,而是在空链接上点一下,其余有操作完全相同。
  3、Open Browser Window动作设置好后,再在Behaviors面板上把触发事件改为onClick,就完成了,你看都方便。
  采用高精度的大图片是网页制作中的大忌,但是在某些特殊情况又必须用高精度的大图片那又怎么办呢?比较实用的方法是做一大一小两张同样的图片,把小图片放到主网页上,把大图片放在弹出窗口中显示,并用小图片来控制弹出窗口,这样在一般浏览时显示的是小图片,可以提高速度,若确需看高精度的大图片,也只要点一下小图片就可在弹出窗口中看到,真是两全其美。那么这种效果如何制作呢?请接着往下看。

三、图片控制弹出窗口
  制作方法:
  1、制作一个在窗口中显示的网页,在那个网页上放上大图片;
  2、在主网页上插入那张小图片并选取它;
  3、按F8调出Behaviors面板,加载Open Browser Window动作;
  4、Open Browser Window动作设置好后,再在Behaviors面板上把触发事件改为onClick,就完成了。一点都不难,是吗!
  实际上,几乎所有Behaviors提供的触发事件都能用来控制弹出窗口,就看你的需要了。比如在用onUnload事件可制作出在浏览者离开页面时弹出一个窗口显示告别语“欢迎下次再来!”的效果;用onBeforCopy事件触发,可产生当用户在复制你的网页内容时,弹出一个窗口提示复制内容应注意的问题,如版权等的效果。由于篇幅所限,不能一一枚举。


 赛迪网 


 

 
更多本栏目内容
??Windows 2000系统安全设置攻略
??Dreamweaver编写CSS需要掌握的技巧
??使用Flash MX过程中的3个小技巧
??拖IE9网站图标到Win7任务栏 精彩好礼任你拿
??从此不再耗流量?Google离线地图试用
??给瑞星添加移动存储自动杀毒功能
??一周壁纸榜单 靓丽风景伴您欢度周末
??金山网络七款软件齐升级 炫丽界面贺新春
??提升网站流量和权重 百度热榜排第一
预警:电商促销引钓鱼 七夕网购需谨慎

本站检索



中华网推荐

·国家级治脑病新药思维源
·中藏药治疗脑病新突破
·治类风湿,强直性脊柱炎
·养肾·痛风·长寿
·肝病泌尿脑萎缩新药介绍
·强直性脊柱炎康复乐园
·让中医辩证不孕不育
·国医治股骨头坏死一绝
·乙肝为何久治不愈?
·二千元垄断批发做老板
·中医中药专治前列腺
·治牛皮癣白癜风已成现实
·专治痛风病的白衣天使
·不孕不育的杏林奇葩
·专卖店零售管理系统





   

网络教室编辑信箱