在Dreamweaver中轻松实现滑动折叠菜单

2008-02-23 06:18:23来源:互联网 阅读 ()

新老客户大回馈,云服务器低至5折

  在网页展示平面有限的情况下,折叠菜单是个很不错的选择。这种菜单在一般情况下是折叠起来的,只有当浏览者将鼠标移动到菜单上时,菜单才会滑动展开。

  效果说明

  当鼠标不在菜单上时,菜单处于折叠状态,看起来是很普通的一个菜单栏,如图 18-1 所示。当鼠标移动到菜单栏上时,该菜单的子菜单就会慢慢滑动展开,如图 18-2 所示。

  创作思想

  先在一个图层中输入文字,形成菜单折叠时的状态,再使用图层展开时间轴动画来实现滑动展开菜单的效果。

  操作步骤

  ( 1 )新建文档并添加层。新建一个网页文档,在网页中添加一个父层(第一级的层)和一个子层(第二级的层),分别配置两个图层的大小和位置,如图 18-3 所示。

  

[1] [2] [3] [4] [5] 下一页


标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇: DW网页设计:制作弹出菜单

下一篇: 在Dreamweaver中构建ASP.net研发环境