首页产品库评测行情新闻|手机数码笔记本台式机DIY硬件数字家庭数码相机办公外设|软件下载游戏开发|社区

更多

数码相机
MP4
LCD
机箱
音箱

软件资讯设计 工具 系统 开发 安全 办公 陶吧 IT教育 Windows 7 | 下载中心天极下载中心诚征下载通路合作伙伴
天极网 > 软件频道 > 网页陶吧>编辑推荐:纯CSS下拉菜单设计专家VIM

编辑推荐:纯CSS下拉菜单设计专家VIM

2006-11-13 17:13作者:黑马出处:天极网责任编辑:龙犊

  4、添加和删除菜单

  在设计模式下,你可以通过视图下的按钮来添加菜单、删除菜单、添加子菜单和删除子菜单,在设计视图的内容区底部你可以看到这样一排按钮:

  ADD按钮是指在主菜单的最后添加新的主菜单,Insert是指在选中的主菜单之后插入新的主菜单,Delete是指删除选中的菜单(包括主菜单和子菜单,当然,必须先要选中某个菜单),Add sub是指为主菜单添加子菜单(同样要选中某个主菜单),添加的子菜单将在主菜单的正下方显示,选中它可以进行相应的操作。

  5、调节子菜单的宽度

  在设计模式下你可以用鼠标来调节菜单(包括主菜单main item和子菜单sub item)的宽度。选中第一个主菜单的第一个子菜单,被选中的子菜单将出现一个虚线框,同组的子菜单群将被一个大虚线框包围,可以通过鼠标拖拽来改变这个子菜单群的宽度,如下图:

  同时,你也可以通过菜单属性编辑器来改变子菜单的宽度,如下图:

  
通过菜单属性编辑器来改变子菜单的宽度

  6、调节子菜单的位置

  在设计模式下,每个主菜单的默认子菜单群显示在主菜单的正下方,你可以通过鼠标拖拽来改变它的位置(必须选中某个子菜单群)。

  7、编辑菜单中的文字和链接

  在设计模式下你可以双击菜单来改变菜单文字,双击菜单即弹出菜单文字输入框,如下图:

  
编辑菜单中的文字

  改变其中的内容成为你想要的文字,如“网页设计”,单击OK按钮及可生效。中间的Apply是应用的意思,单击这个按钮可以将输入的文字应用到设计区中并能看到效果。当然,你也可以改变菜单的链接,选中菜单(单击即可选中),在设计窗口的上部左侧找到一个URL的按钮,单击这个按钮即可对此菜单的链接进行修改。如下图:

  
编辑菜单的链接

  同时你可以编辑链接目标(默认为新开窗口)和链接标题(Title),当然,作为下拉菜单的主菜单,我们通常用“#”号代替,也就是指不发生任何页面跳转。

  8、设计精美的菜单

  在设计模式下,你可以通过菜单属性编辑器来编辑菜单的表现形式,包括文字大小和颜色、容器内外边距、边框样式和颜色、鼠标滑动效果等。这里我就不多说了,需要在实际运用中摸索。

  总结:本文主要分析了Visual Infinite Menus的一些按钮功能,把下拉菜单设计细化到具体的某个细节上,下一篇将讲如何用Visual Infinite Menus来设计一个漂亮的下拉菜单,敬请关注。

  访问经典网站建设类教程>>


  阅读关于 CSS 下拉菜单 设计 Visual Infinite Menus 网页陶吧 龙犊 的全部文章 热卖推荐: 手机 诺基亚 MP5 电脑包 双卡双待 手机链 U盘 笔记本电脑

关注此文的读者还看过:

返回网页陶吧首页

共4页。 上一页1234

软件频道最新更新

热点推荐

IT嘉年华

编辑推荐

软件下载

热门
推荐

网友关注

软件
资料
游戏

装机推荐

文章排行

本周
本月
最新更新
天极服务|关于我们|About us|网站律师|RSS订阅|友情合作|加入我们|天极动态|网站地图|意见反馈|MSN/QQ上看天极
Copyright (C) 1999-2012 Yesky.com, All Rights Reserved 版权所有 天极网络