学习网考试学习资料

Gzu521.com

FrontPage 2000使用技巧-教你轻松打造弹出窗口(1)

FrontPages教程   点击:次   发布时间:2006-7-13   【字体: 】   来源:Gzu521.com
贵 州 学 习 网

“如何制作弹出式窗口?”,这是Dreamweaver初学者经常会问的问题。找个提供特效的网站,或是down个特效工具粘贴一下代码不就得了!还不容易。其实更容易的方法是使用我们最常用的dreamweaver。一般的弹出式窗口,简单地点几下就可以完成。不信?来看看!只要按以下几步操作,你就能轻松地做出弹出窗口效果。

1. 首先,从菜单栏中window->behaviors (窗口->行为)或直接按快捷键shift+f3调出行为面板。 @ B'hjO4=r 4=e?g [ 本 资 料 来 源 于 贵 州 学 习 网 网页设计FrontPages教程 http://Www.gzU521.com ] @ B'hjO4=r 4=e?g

2. 如图所示,按行为面板左上角的“+”号添加行为,在弹出的菜单中选择“open browser window(弹出浏览器窗口)”行为。

3. 选择了行为以后,就会弹出open browser window对话框,如图所示。只要在对话框中填入相应的窗口信息,按“确定”后就可以完成对弹出窗口的定制了。其中
“url to display”:为你想要在新窗口中显示网页的地址,你可以直接输入地址,也可以按“browse”按钮指定。
“window width”与“window height”:分别为新窗口的宽和高,单位为px。
“attributes”:为窗口的特性。“navigation toolbar”、“menu bar”、“location toolbar”、“scrollbars as needed”、“status bar”、“resize handles”分别代表工具栏、菜单栏、定位工具栏、滚动条以及更改大小手柄。选上相应位置前的对勾,就代表新窗口中具有相应的特性。
“window name”:为目标窗口的名字。可以随便起一个,也可以指定框架组内某一窗口的名字。在制作弹出窗口时,名字随便起一个就可以了。

完成了上面几步之后,行为面板将会变成下面这个样子,表示载入页面(onload)的同时,打开一个新的浏览窗口。

实际上,在行为面板中添加行为的过程,就是dreamweaver生成Javascript代码的过程。上面的几步中,生成了下列代码。在下面以粗体显示,“<!—”和“-->” 之间的为该部分代码的注释:
<html>

<head>

<title>无标题文档</title>

<meta http-equiv="content-type" content="text/html; charset=gb2312">

<script language="JavaScript">

<!--

function mm_openbrwindow(theurl,winname,features) { //v2.0

  window.open(theurl,winname,features);

}

//-->

</script><!—根据传递过来的值打开窗口 -->

</head>

<body bgcolor="#ffffff" text="#000000" onload="mm_openbrwindow('yourpage.htm', 'winname','toolbar=yes,location=yes,status=yes, menubar=yes,scrollbars=yes,resizable=yes,width=300,height=200')"> <!—设置弹出窗口的各个属性的值,并将值传递到各对应形参,并设置激发事件为onload-->

弹出窗口效果

</body>},/?l-42zr08[ 此文转贴于我的学习网网页设计FrontPages教程 http://www.Gzu521.com]},/?l-42zr08

</html>

你可以这样理解上面的代码:当onload事件激发时(即当图象或页面结束载入时),调用mm_openbrwindow()方法,并将值“'yourpage.htm', 'winname', 'toolbar=yes,location=yes, status=yes,menubar=yes,scrollbars=yes, resizable=yes,width=300,height=200'”(这里称为实参)传入对应的形参――“theurl,winname,features”,供window.open()使用。注意,三个参数都要用单引>

下一页
本文共2页: 第 1 [2]

责任编辑:gzu521

网页设计分类
HTML教程
CSS教程
Javascript教程
Dreamweaver教程
FrontPages教程
FireWorks教程
Flash教程
PhotoShop教程
建站知识
分类推荐信息
  • 暂无相关信息
更多...
大类最新文章
更多...