Dreamweaver如何实现折叠菜单 20

本人菜鸟。用CS3的spry实现的话折叠的动画很慢如何让它按下时马上打开还有想实现http://www.blueidea.com/tech/web/2006/3824.a... 本人菜鸟。用CS3的spry实现的话折叠的动画很慢 如何让它按下时马上打开
还有想实现http://www.blueidea.com/tech/web/2006/3824.asp这个菜单的效果的话该怎么写 他给的代码我用不来。。。 展开
 我来答
3个回答
#合辑# 机票是越早买越便宜吗？
一动出行
推荐于2016-02-27 · TA获得超过7760个赞
知道小有建树答主
回答量：1206
采纳率：80%
帮助的人：508万
我也去答题访问个人页
展开全部

（ 1 ）新建文件并添加层。新建一个网页文件，在网页中添加一个父层（第一级的层）和一个子层（第二级的层），分别设置两个图层的大小和位置，如图 18-3 所示。

　　（ 2 ）设置表格和文字。在 layer1 层中插入表格，设置好表格的高度和背景，然后在表格内输入文字并设置好文字的格式，如图 18-4 所示。

　　（ 3 ）设置 layer2 层。设置 layer2 层的背景颜色，然后在其上输入文本并设置超链接，再将 layer2 层添加到时间轴上，以后便可对 layer2 层进行时间轴动画操作，如图 18-5 所示。

　　（ 4 ）新建一个时间轴 Timeline2 ，然后将 layer2 层添加到新的时间轴上，如图 18-6 所示。

　　提示：不同的时间轴可以实现对不同对象的控制，也可以实现多个不同动画。

　　（ 5 ）设置时间轴。分别对时间轴 Timeline1 的第 1 帧和时间轴 Timeline2 的第 15 帧进行设置（这里以第 15 帧作为动画的最后一帧），如图 18-7 所示。

　　提示：只需要改变时间轴的关键帧，就可以直接生成动画效果，本例将时间轴 Timeline1 第 1 帧中 Layer2 层的高设置为 0px ，这样就生成了层慢慢滑出的动画效果。

　　（ 6 ）添加行为。选择表格中的第一个单元格，然后为单元格添加 onMouseOver （鼠标移到单元格上面时）时的行为到播放时间轴 Timeline1 ，如图 18-8 所示。

　　（ 7 ）继续添加行为。再为该单元格添加 4 个 onMouseOut （鼠标移开时）行为，参数设置如图 18-9 所示。

　　（ 8 ）添加 2 个行为。选择 layer2 层，并分别添加两个 onMouseOver 和两个 onMouseOut ，具体操作如图 18-10 所示。

　　（ 9 ）保存网页文件，然后在 IE 中进行预览，本实例操作完毕。通过时间轴上不同对象在不同时间的状态，再结合时间轴的播放、停止和跳转是 Dreamweaver 中实现动画效果的最基本方法。

已赞过 已踩过<
你对这个回答的评价是？
评论 收起
AiPPT
2024-09-19 广告
随着AI技术的飞速发展，如今市面上涌现了许多实用易操作的AI生成工具1、简介：AiPPT: 这款AI工具智能理解用户输入的主题，提供“AI智能生成”和“导入本地大纲”的选项，生成的PPT内容丰富多样，可自由编辑和添加元素，图表类型包括柱状图... 点击进入详情页
本回答由AiPPT提供
 dylxj
2009-06-26 · 超过33用户采纳过TA的回答
知道小有建树答主
回答量：414
采纳率：0%
帮助的人：0
我也去答题访问个人页
展开全部
我这刚好有个程序,你看看先吧!!<HTML>
<HEAD>
<TITLE>left</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<style type="text/css">
BODY {
SCROLLBAR-FACE-COLOR: #2b73f1; BACKGROUND: #0650d2; MARGIN: 0px; FONT: 9pt 宋体; SCROLLBAR-HIGHLIGHT-COLOR: #0650d2; SCROLLBAR-SHADOW-COLOR: #449ae8; SCROLLBAR-3DLIGHT-COLOR: #449ae8; SCROLLBAR-ARROW-COLOR: #02338a; SCROLLBAR-TRACK-COLOR: #0650d2; SCROLLBAR-DARKSHADOW-COLOR: #0650d2; TEXT-DECORATION: none
}
TABLE {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
TD {
FONT: 12px 宋体
}
IMG {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; VERTICAL-ALIGN: bottom; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
A {
FONT: 12px 宋体; COLOR: #000000; TEXT-DECORATION: none
}
A:link {
COLOR: #FFFFFF; TEXT-DECORATION: none
}
A:hover {
COLOR: #00CCFF;
text-decoration: none;
}
.sec_menu {
BACKGROUND: #d4ecf5; OVERFLOW: hidden; BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #ffffff 1px solid; TEXT-ALIGN: right
}
.menu_title {

}
.menu_title SPAN {
FONT-WEIGHT: bold; LEFT: 8px; COLOR: #0f42a6; POSITION: relative; TOP: 2px
}

.menu_title2 SPAN {
FONT-WEIGHT: bold; LEFT: 8px; COLOR: #ffffff; POSITION: relative; TOP: 12px
}
.Glow {
FILTER: Glow(Color=#ffffff, Strength=1) dropshadow(Color=#ffffff, OffX=0, OffY=1,)
}
.STYLE3 {
font-family: Arial;
color: #FFFFFF;
}
.STYLE4 {
font-family: Arial;
color: #00CCFF;
}
a:visited {
text-decoration: none;
color: #FFFFFF;
}
a:active {
text-decoration: none;
}
</style>
</head>
<BODY leftMargin=0 topMargin=0 marginwidth="0" marginheight="0">
<table cellspacing="0" cellpadding="0" width="167" align="center">

<tr>
<td align=right height=28 background="image/menudown.gif" class="STYLE3" id="imgmenu1" style="cursor:hand" onClick="showsubmenu(1)" onMouseOver="this.className='STYLE4';" onMouseOut="this.className='STYLE3';">
<strong>DOLLAR ITEMS</strong> </td>
</tr>
<tr>
<td id="submenu1" style="DISPLAY: none" align=right>
<div style="WIDTH: 165px">
<table cellspacing="3" cellpadding="0" width="167" align="center">
<tr>
<td align=right><a target="main" href=""><strong>housewares</strong></a></td>
</tr>

</table>
</div>
<TABLE cellSpacing=0 cellPadding=0 width=130 align=center>
<TBODY>
<TR>
<TD height=4></TD></TR></TBODY></TABLE> </td>
</tr>
</table>
<table cellspacing="0" cellpadding="0" width="167" align="center">
<tr>
<td align=right id="imgmenu2" class="STYLE3" onMouseOver="this.className='STYLE4';" onClick="showsubmenu(2)" onMouseOut="this.className='STYLE3';" style="cursor:hand" background="image/menudown.gif" height=28>
<span><strong>LED& LIGHTING</strong> </span></td>
</tr>
<tr>
<td id="submenu2" style="DISPLAY: none" align=right>
<div style="WIDTH: 165px">
<table cellspacing="3" cellpadding="0" width="167" align="center">
<tr>
<td align=right><a target="main" href=""><strong>Household</strong></a></td>
</tr>

</table>
</div>
<TABLE cellSpacing=0 cellPadding=0 width=130 align=center>
<TBODY>
<TR>
<TD height=4></TD></TR></TBODY></TABLE> </td>
</tr>
</table>
<table cellspacing="0" cellpadding="0" width="167" align="center">
<tr>
<td align=right id="imgmenu3" class="STYLE3" onMouseOver="this.className='STYLE4';" onClick="showsubmenu(3)" onMouseOut="this.className='STYLE3';" style="cursor:hand" background="image/menudown.gif" height=28>
<span><strong>TV AND PROMOTION</strong> </span></td>
</tr>
<tr>
<td id="submenu3" style="DISPLAY: none" align=right>
<div style="WIDTH: 165px">
<table cellspacing="3" cellpadding="0" width="167" align="center">
<tr>
<td align=right><a target="main" href=""><strong>As Seen On TV</strong></a></td>
</tr>

</table>
</div>
<TABLE cellSpacing=0 cellPadding=0 width=130 align=center>
<TBODY>
<TR>
<TD height=4></TD></TR></TBODY></TABLE> </td>
</tr>
</table>

</div>
<script>
function showsubmenu(sid)
{
whichEl = eval("submenu" + sid);
imgmenu = eval("imgmenu" + sid);
if (whichEl.style.display == "none")
{
eval("submenu" + sid + ".style.display=\"\";");
imgmenu.background="image/menuup.gif";
}
else
{
eval("submenu" + sid + ".style.display=\"none\";");
imgmenu.background="image/menudown.gif";
}
}
</script>
</BODY></HTML>
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是？
评论 收起
烂苹果1994
2015-11-17 · TA获得超过307个赞
知道小有建树答主
回答量：485
采纳率：100%
帮助的人：255万
我也去答题访问个人页
展开全部
用JS弄吧，http://www.17sucai.com/pins/tag/5547.html
在这里下载一个，然后套用就可以了
已赞过 已踩过<
你对这个回答的评价是？
评论 收起
收起 更多回答（1）
推荐律师服务： 若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

为你推荐：

下载百度知道APP，抢鲜体验
使用百度知道APP，立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

京ICP证030173号-1   京网文【2023】1034-029号     ©2024Baidu  使用百度前必读 | 知道协议 | 企业推广

辅 助

模 式