1 / 5
弹出式菜单制作图文
教程
人力资源管理pdf成真迷上我教程下载西门子数控教程protel99se入门教程fi6130z安装使用教程
各位同学,下面是我简单写的使用“行为”制作弹出式菜单的步
骤,其实这个方法在网上有很多教程,但考虑到期末学校的网络速度,
不说了,大家懂的„„所以,可能会有部分同学上网不畅,我自己写
个图文教程给大家参考吧。﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏
﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏﹏
弹出菜单在网页制作中非常常用,这种菜单的制作以往要用大量
的代码,但在 DW中变得很简单,当然,代码编写的工作软件已经帮
我们完成了,我们只需要对参数进行定义即可,虽然制作简单,但效
果却不错。如果非要挑刺的话,就是菜单的平滑性不够,开句玩笑话,
如果当初乔布斯能掌舵 Macromedia就好了,苹果 I系产品 UI的
设计
领导形象设计圆作业设计ao工艺污水处理厂设计附属工程施工组织设计清扫机器人结构设计
会在这些软件里无处不在。
1. 这是弹出式菜单的效果,如图 1、图 2。
图 1
图 2
2 / 5
2. 第一步:选中要做弹出菜单的文本,即源文本,如选中“诗魂词
韵”,见下图 3。
图 3
3. 按照 Dreamweaver 中的约定,将文字的超链接设置为
“javascript:;”才能够添加行为。所以将文字的超链接设为
“javascript:;”(注意:一定是英文输入法状态,先冒号,后分
号)。如图 4。
图 4
4. 在右边的面板组里找到“标签检查器”,向
下展开,点击“行为”,点击加号(会显示
“添加行为”),选择“显示弹出式菜单”。
如右图 5。
3 / 5
5. 弹出一个对话框,这
是设置具体的参数
的。如图 6,在该对
话框的第一个活页
项里(即“内容”),
是用来设定主菜单
和子菜单具体内容
的。
1.“加号”、“减号”是增减子菜单;
2.调整“缩进项”,其实就是设定这些子菜单是同级状态还是级
联状态,也就是说,如果是同级状态,那下面这些菜单就是源
文本弹出菜单的一级子项,而级联菜单则依次往下。比如咱们
可以增加“李白、杜甫”为唐诗神韵的二级菜单,则他们就是
“诗魂词韵”的三级菜单了;
3.调整菜单的排序,上下变化;
4.设置子菜单的打开方式,这个不多说了,以前强调过 N次;
5.示例:设置的参数都可以在这个地方所见即所得预览。
图 6
4 / 5
6. “外观”选项卡:设定弹出式菜单的外观样式,如下图 7。
1.设定菜单的排列
方式;
2.设定菜单文本属
性,包括字号、加粗、
对齐等;
3.设定普通状态和
鼠标滑过状态时的
菜单外观样式。
7. “高级”选项卡:设定菜单所在的单元格的样式,如下图 8。
1.单元格样式:不
多说,和
表格
关于规范使用各类表格的通知入职表格免费下载关于主播时间做一个表格详细英语字母大小写表格下载简历表格模板下载
属性
里的参数相同;
2.设定菜单延迟
时间;
3.设定当显示边
框时单元格的样
式;
图 7
图 8
5 / 5
8. “位置”选项卡:设弹出式菜单在源文本的什么位置,如下图 9。
1.如图中所示,选
择所在位置,“右
下”、“正下”、“正
上”、“右”;
2.设定每个位置对
应的 X、Y坐标,正
值为往右、往下,
反之往左、往上。
(这个需要多设几次才能准备掌握具体的值,比如,弹出式菜单
想位于文本正下方,那设 X:-6,Y:20左右差不多靠谱)。
9. 不用说,点击该对话框“确定”按钮,回到页面,保存,F12 进
浏览器预览效果。