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 中实现动画效果的最基本方法。

已赞过 已踩过<

评论收起

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）

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

Dreamweaver如何实现折叠菜单 20

其他类似问题

为你推荐：