Dreamweaver如何实现折叠菜单 20

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

( 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-07-20 广告
作为深圳市博思云创科技有限公司的工作人员,对于Word文档生成PPT的操作,我们有以下建议:1. 使用另存为功能:在Word中编辑完文档后,点击文件->另存为,选择PowerPoint演示文稿(*.pptx)格式,即可将文档内容转换为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%
帮助的人:254万
展开全部
用JS弄吧,http://www.17sucai.com/pins/tag/5547.html
在这里下载一个,然后套用就可以了
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

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

类别

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

说明

0/200

提交
取消

辅 助

模 式