Dreamweaver MX实现主页自动弹出信息提示窗口

自动弹出窗口

需积分: 10 4 下载量 24 浏览量更新于2024-09-12 收藏 97KB DOC 举报

身份认证购VIP最低享 7 折!

30元优惠券

试读

4页

在本文中，我们将学习如何使用Adobe Dreamweaver MX这款强大的网页设计工具来创建一个随主页自动弹出的“信息提示小窗口”。这种技术在教育信息类网站中尤其有用，例如学校的网站，可以方便快捷地发布教学通知。首先，我们需要创建一个静态HTML类型的“信息提示小窗口”文档。打开Dreamweaver MX，通过“新建”命令创建一个文档，确保保存并记录其URL。为了保持窗口尺寸适宜，我们在文档中插入一个1行×1列的表格，并设置其宽度为380像素，高度为280像素，填充、边框和间距均为0，以便内容简洁明了。接下来，添加所需提示性文本，但这里并未详细描述具体操作。重要的是，这个小窗口不会自动关闭，因此需要利用JavaScript来实现。在代码编辑窗口中，我们插入以下JavaScript代码段： ```javascript <script language="JavaScript"> function closeit() { setTimeout("self.close()", 60000); // 设置60秒后自动关闭，单位为毫秒 } </script> ``` 这段代码定义了一个名为`closeit`的函数，它使用`setTimeout`函数使窗口在60秒后自行消失。将这段代码放置在HTML文件的<head>部分，确保它在页面加载时执行。在<body>标签之后，我们需要加入一个触发关闭窗口的HTML元素，通常是一个按钮或者链接，通过`onclick`事件调用`closeit`函数。这可以通过以下HTML代码完成： ```html <button onclick="closeit()">关闭提示</button> ``` 这样，当用户访问主页时，信息提示小窗口会自动弹出，60秒后会自动关闭，既节省系统资源又便于用户接收即时信息。通过Dreamweaver MX，我们可以轻松定制这类交互式网页元素，提高网站用户体验。

资源详情

资源推荐