dw添加下拉菜单_用dreamweaver制作网站下拉菜单的实现教程

在设计网页时，需要添加下拉菜单并向下拉菜单添加列表值，让我们一起进入下文看一下爱站技术频道小编用dreamweaver制作网站下拉菜单的实现教程，感兴趣的小伙伴们可以参考一下。

打开软件，我们按快捷键ctrl+n，建立一个新的文件。

点击常用，选择布局。

点击绘制层。

鼠标拖动，可以建立一个层。层的宽度是389，高度是49.

我们再点击层，再绘制一个。我们看到，第一个层是layer1，第二个是layer2，这都是系统默认的。

通过界面下方属性栏，设置layer2的属性。益处设置为hidden，他的意思是，如果这个层装不下文字，就隐藏文字。

将光标放在layer1，然后点击插入表格。建立一个一行三列，宽388的表格。

在表格内输入百度经验，百度知道，百度文库，然后在属性栏设置如下属性。

选中layer1，然后设置layer1的属性。

在layer2中输入经验首页，个人中心，小测首页，帮帮首页。然后设置如下属性。

我们调处时间轴：点击窗口——时间轴。

需阿泽layer2，右键单击图中所示，然后选择添加对象。

鼠标将时间针定位在第一帧，然后设置layer2的高度为0。

之后我们再在时间轴上右键单击，选择添加时间轴。

右键单击，选择添加对象。

将时间针定位在第十五帧，然后让layer2的高度为0.

以上步骤就添加了两个时间轴timeline1和timeline2.接着，我们选中“百度经验”这个表格，在右侧的标签对话框，选择行为，点击“+”。

选择时间轴，播放时间轴。

弹出这个对话框，我们选择timeline1，点击确定。

接着在标签栏设置鼠标动作为onmouseover，意思是鼠标移动到上面就执行时间轴1，就会展开layer2.

同样的方法，我们添加如下动作，下图有各个动作的解释。

我们按快捷键F12，来到了浏览器，看看这是一开始的效果。

接着把鼠标移动到百度经验，展开了下拉菜单。你学会了吗。

上文是爱站技术频道小编为大家搜集到的相关介绍，希望对你了解用dreamweaver制作网站下拉菜单的实现教程有所帮助!

dw添加下拉菜单_用dreamweaver制作网站下拉菜单的实现教程相关推荐

做网页是用dw还是html,教你如何用Dreamweaver制作网页以及保存网页的方法--系统之家...
如何用Dreamweaver(DW)制作网页并保存网页呢?我就在这里教给大家最基础的创建网页和保存网页的方法教程,希望能帮到有需要的朋友. 启动软件后,在左上角点击[文件],在下拉菜单中点击[新建]. ...
win10恢复经典开始菜单_厌倦了默认的Win10开始菜单外观？这是自定义的方法
开始菜单具有高度的可定制性,在本文中,将向你展示调整其设置以使其在Windows 10上更具功能性和个性化的操作步骤. 在Windows 10上,"开始"菜单是必不可少的组件,因为 ...
dw用html表格做网页,用Dreamweaver制作网页的技巧
用Dreamweaver制作网页的技巧导语:Dreamweaver是制作网页最常用的一个工具,下面就由小编为大家介绍一下用Dreamweaver制作网页的技巧,欢迎大家阅读! 1.灵活运用样式熟悉 ...
dw怎么链接到另一个html,Dreamweaver制作超链接方法
Dreamweaver制作超链接方法超链接大家都知道吧,就是你点到的话会直接弹出另一个链接的页面.这是很有用的推广手段之一.今天教大家如何制作超链接的方法.本教程主要讲的有:页面之间的超连接,邮件地 ...
svn忽略指定文件夹下的文件_管理SteamLibrary文件夹下的acf文件
管理SteamLibrary文件夹下的acf文件众所周知,steam中下载的游戏会在SteamLibrarysteamappscommon文件夹下创建一个以游戏名称为名的文件夹用来存放文件,并在St ...
java查询调用微信菜单_微信java开发的时候自定义菜单
使用java代码开发自定义菜单第一步,获取到accessToken(接口的accessToken和网络授权的accesstoken不一样) 可以查看我的另一篇博客第二部组装数据直接上代码 pub ...
css菜单下拉菜单_在CSS中创建下拉菜单
css菜单下拉菜单 CSS | 创建下拉菜单 (CSS | Creating Dropdown) Trivia: 琐事: We know the importance of navigation ba ...
vue下拉组件_高度动态的Vue下拉组件
vue下拉组件虚拟动态下拉 (vue-dynamic-dropdown) A Highly Customizable, easy-to-use elegant dropdown component. ...
git ssh配置完后拉取代码_使用git在gitlab上拉取代码的方法
最近在项目中用到了gitlab,他是一个类似于github的代码托管工具. 因为是个初级菜鸟第一次使用还不太熟悉,所以在此记录一下. 1.首先需要使用github的注册账号登录gitlab,查看右上角 ...
芙拉机器人_【诉说实情】芙拉迷你简约纯色锁扣单肩斜挎包女士怎么样?真实使用心得，不看后悔 | 智能扫地机器人评测...
[诉说实情]芙拉迷你简约纯色锁扣单肩斜挎包女士怎么样?真实使用心得,不看后悔[FURLA官方旗舰店]FURLA芙拉以优良品质吸引讲潮流重品质的都市女性,多色可选,赠运费险. 不是我看中的,是老婆看中的 ...

dw添加下拉菜单_用dreamweaver制作网站下拉菜单的实现教程

dw添加下拉菜单_用dreamweaver制作网站下拉菜单的实现教程相关推荐

最新文章

热门文章