|
如何用Dreamweaver制作弹出窗口
(04/29/2000) |
|
1、打开Dreamweaver,创建一个新文件 2、加入一个layer,并在该layer中插入图片Image1,如下图
3、再加入一个layer,命名为class1,并在该layer中加入一个有关高一(1)班情况的表格,打开class1层的属性设置框,设置该layer的Vis属性为隐含,则我们在layers窗口中可以看到在层class1前有一个表示隐含的属性标志;我们也可以直接在layers窗口的层class1一栏,点击第一列将其设为隐含,如下图;设置好以后我们将可以发现层class1被隐含了。
4.选择图片Image1,并打开Behaviors窗口,我们可以看到窗口标题为Behaviors-〈img〉Actions 点击标有“+”号的按钮,选择探出菜单中的“Show-Hide Layers”,如下图
5.则弹出下面的对话框
6.选择隐含的层class1,选择“show”按钮,然后选择“OK”。
7.则如上图所示,在Behaviors窗口中出现蓝底白字一列,意思是当单击imag1时,层class1回显示。单击该列上的下三角按钮,在弹出菜单中选择“OnMouseOver”,则该事件变为当鼠标有一到image1时,弹出层class1。 然后重复步骤4、5,在弹出的show-hide layers窗口中,选择层class1,选择“hide”按钮,在选择“OK”按钮。 类同步骤7,将该事件改为“OnMouseOut”。 这样,当我们将鼠标游移到image1时,会弹出高一(1)班的班组织情况表,而当鼠标移出image1时,高一(1)班的班组织情况表再次隐含。
|