DW 下拉页面时如何设置导航栏随下拉页面移动 10

我的吉祥纯qq你去宴礼梁文件加发给你。

导航栏固定有特殊效果，您可以找到各种类型的方法。

1. 打开 DW 软件并创建一个新文件。

2. 单击“通用”，选择布局，然后绘制图层。

3.让我们再次单击图层并绘制另一个图层。 我们看到第一层是 layer1，第二层是 layer2，这是系统的默认设置。

4. 将光标放在图层 1 上，然后单击“插入**”。 创建一行三列，宽度为 388。

6. 进入layer2中的体验首页、个人中心、测验首页、帮助首页，设置以下属性。

1.工具：DW工具。

2. 步骤：

打开 DW 软件并创建一个新文件。

单击“常用”，选择布局，然后绘制图层。

再次单击该图层并绘制另一个图层。 如您所见，第一层是 layer1，第二层是 layer2，它们都是系统的默认设置。

使用界面底部的属性栏设置第 2 层的属性。 优势设置为隐藏，这意味着如果图层不适合文本，则文本将被隐藏。

将光标放在图层 1 上，然后单击插入。 创建一行三列，宽度为 388。

在第二层，进入体验首页、个人中心、测验首页、帮助首页。 然后设置以下属性。

对账时间线：单击窗口 - 时间线。

要进行第 2 层，请右键单击图像，然后选择添加对象。

用鼠标将时间指针定位在第一帧，并将图层 2 的高度设置为 0。

然后在标签栏中将鼠标动作设置为 onmouseover，这意味着鼠标移动到它以执行时间线 1，它将是第 2 层。

同理，添加以下动作，下图对以下动作进行了说明。

按快捷键F12，您将进入浏览器，您可以看到效果。

创建一个新页面并保存它。

在 DW 的右侧面板中，您会看到行为，单击行为面板中的 + 号，您会看到弹出菜单出现，单击它。

请参阅下面的弹出窗口，然后设置所需的多级菜单。 还有一些链接可以根据需要设置多个级别，以及菜单的美感以及高度和长度。 熟能生巧。

最终显示效果。

您可以根据需要使其美观。 技能来自实践。

纯CSS生产：

不要说显示的导航栏，在下拉块上添加相对定位，在这个DOM元素中添加一个下拉样式，添加绝对定位，然后隐藏起来，将鼠标移入后显示。

首先在导航栏中添加一个 div，将 CSS 属性设置为隐藏，当鼠标移动到导航栏上时，将属性设置为 display，就可以开始了。

可以用js来实现，CSS风格我就不说了，左边是链接，右边是div，key是js，每次点击中加入onclick事件，事件触发opens函数，函数通过参数决定打开哪个div，然后隐藏剩下的，举个例子， 很简单的东西，我随便写，没测试过，你自己研究：11

>">吃喝。

玩转生活两种文化。

文学艺术。 --w3cschool 可以检查一下。 --

我很匆忙，但我希望你能自己进入。

这是我自己的练习写作，可以参考1688主页。

**导航。