您好,欢迎来到12图资源库!分享精神,快乐你我!我们只是素材的搬运工!!
  • 首 页
  • 当前位置:首页 > 网站教程 > 网页设计 >
    Dreamweaver MX进阶教程(五)制作弹出小窗口
    时间:2016-07-10 10:03 来源: 作者: 浏览:收藏 挑错 推荐 打印

    进入 163.com 首页的时候,就会弹出小窗口。本文介绍这种弹出窗口的制作方法。

    预备小窗口页面:

    1. 打开一个页面,设置页面属性。左边界,顶部边界为 0 ,在标题处输入标题名称。

    Dreamweaver MX进阶教程(五)制作弹出小窗口

    2. 在页面中插入图片。也可以是文字, Flash 动画等。小窗口页面就预备好了。

    Dreamweaver MX进阶教程(五)制作弹出小窗口

    给一个页面添加弹出小窗口:

    1. 打开需要添加弹出小窗口页面,例如一个网站的首页,在标签选择器中选择“ body ”标签。

    Dreamweaver MX进阶教程(五)制作弹出小窗口

    2. 打开行为面板,点击“ ”按钮添加行为。

    Dreamweaver MX进阶教程(五)制作弹出小窗口

    3. 选择“打开浏览器窗口”。

    Dreamweaver MX进阶教程(五)制作弹出小窗口

    4. 在要显示的 URL 处,选择弹出小窗口页面文件。设置弹出小窗口属性。

    Dreamweaver MX进阶教程(五)制作弹出小窗口

    5. 按 F12 ,在浏览器中发布的效果如下图。

    Dreamweaver MX进阶教程(五)制作弹出小窗口


    (责任编辑:12图资源库)