文档章节

使用dreaweaver实现简单网站下拉菜单

crossmix
 crossmix
发布于 2015/03/27 13:54
字数 482
阅读 13
收藏 0

打开dreamweaver cs6软件,我们按快捷键ctrl+n,建立一个新的文件。 在此输入图片描述

在此输入图片描述

点击绘制层 在此输入图片描述

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

在此输入图片描述

我们再点击层,再绘制一个。我们看到,第一个层是layer1,第二个是layer2,这都是系统默认的。 在此输入图片描述

在此输入图片描述

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

在此输入图片描述

在此输入图片描述

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

在此输入图片描述

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

在此输入图片描述

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

在此输入图片描述 layer2,右键单击图中所示,然后选择添加对象。 在此输入图片描述

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

在此输入图片描述

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

在此输入图片描述

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

在此输入图片描述

右键单击,选择添加对象 在此输入图片描述

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

在此输入图片描述

选择时间轴,播放时间轴 在此输入图片描述

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

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

在此输入图片描述

同样的方法,我们添加如下动作,下图有各个动作的解释 在此输入图片描述

我们按快捷键F12,打开浏览器,看看这是一开始的效果。 接着把鼠标移动到百度经验,展开了下拉菜单。 在此输入图片描述

end,可以学习

© 著作权归作者所有

crossmix
粉丝 72
博文 305
码字总数 645711
作品 0
广州
高级程序员
私信 提问
决定把PHP工具由dreaweaver改为zend studio

为了跟上大众网站推广,决定把PHP工具由dreaweaver改为zend studio,记得刚出来跟着老师搞项目的时候就用这个工具,对刚开始接触PHP菜鸟来说,zend studio还是蛮好用的。说说这一次安装的问题...

网络营销
2012/01/10
0
0
一些必看的jQuery导航插件和教程

导航是一个网站最重要的元素之一,您必须遵循统一的风格来设计您的网站,特别是导航的风格,让用户可以轻松地找到他们想要的内容。这里最大的部分是开发一个菜单,即要直观易用,又要符合你网...

迷路的阿修罗
2010/12/30
0
1
实现Bootstrap导航条可点击和鼠标悬停显示下拉菜单

使用Bootstrap导航条组件时,如果你的导航条带有下拉菜单,那么这个带下拉菜单的导航在点击时只会浮出下拉菜单,它本身的href属性会失效,也就是失去了超链接功能,这并不是我想要的,我希望...

Big_BoBo
2015/08/25
0
2
实现 Amazon 超快反应速度下拉菜单的 jQuery 插件

来源:梦想天空的博客 这篇文章向大家分享一款jQuery菜单插件,用于实现前几天网上流传很广的 Amazon 主页的左上角超快反应速度下拉菜单。当鼠标从菜单中的选项上滑过时,子菜单的显示速度是...

2013/03/18
0
0
几行代码为自己的网站添加划词翻译功能

为网站添加自动翻译网页、网页划词、在线翻译、在线词典、每日一句功能。  适合各类网站  百变语种,自动翻译网页   把中文的网站,变成十几种不同语种的网站,会不会感觉很新奇? 要实...

crossmix
2015/04/26
0
1

没有更多内容

加载失败,请刷新页面

加载更多

gradle grovvy中的闭包

1. 无参数的闭包 //这b1就是一个闭包def b1={ println "hello b1"}//定义方法,包含闭包类型的参数def method1(Closure closure){closure()}//执行method1method1(b1) 执行结果 ...

edison_kwok
37分钟前
3
0
基于Spring Boot + Dubbo的全链路日志追踪(一)

一、 概要 当前公司后端整体架构为:Spring Boot + Dubbo。由于早期项目进度等原因,对日志这块没有统一的规范,基本上是每个项目自己管自己的日志。这也对后面的问题排查带来了很大的困难,...

明天以后
今天
7
0
安装fastdfs文件服务器步骤

1、安装libfastcommon wget https://github.com/happyfish100/libfastcommon/archive/master.zip 解压后安装 cd fastcommon-master ./make.sh ./make.sh install 2、安装 FastDFS,从sourcef......

lsjlgo
今天
3
0
MySQL 5.7 免安装版配置

下载地址:https://dev.mysql.com/downloads/mysql/ 安装步骤 1.下载zip解压到目录下 2.配置环境变量 新建系统变量:MYSQL_HOME,值:D:\DevelopmentTool\Mysql-5.7.26-winx64 修改path变量:...

华山猛男
今天
7
0
java map的遍历

//从大的角度可以分为两类Set<String> set=map.keySet();这里面还可以分为3类, 从set的角度来分 //Set<Map.Entry<String, String>> entery=map.entrySet(); public class Test { public sta......

南桥北木
今天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部