天极传媒:
天极网
比特网
IT专家网
52PK游戏网
极客修
全国分站

北京上海广州深港南京福建沈阳成都杭州西安长春重庆大庆合肥惠州青岛郑州泰州厦门淄博天津无锡哈尔滨

产品
  • 网页
  • 产品
  • 图片
  • 报价
  • 下载
全高清投影机 净化器 4K电视曲面电视小家电滚筒洗衣机
您现在的位置: 天极网 > 软件 > 网页>新闻>用菜单飞梭创建动态酷菜单

用菜单飞梭创建动态酷菜单

蓝色理想2006-06-15 10:10我要吐槽

将网页保存后就可以在浏览器中看到效果,大致如下动画所示。
需要注意的是,今后如果修改已有的菜单项目,所有应用到的网页都会自动更新菜单部分。因此为了方便,一般将菜单项目应用到一个空白网页中后关闭该网页。用浏览器开启该网页查看效果。这样修改菜单项目后,在浏览器中F5刷新就可以看到新效果了。这是一则小技巧。

现在我们设置第3级菜单,详细步骤就不再叙述了,效果大致如下动画所示,大家可以此作为设置的参考,而先不要看后面的介绍。
大家需要注意的就是,建立子级菜单等操作需要在Item(单项设定)才可进行,进行之前注意所选择的菜单项是否正确。

大家在模仿上面的过程中,也许对某些参数设置还是不明白,无法做到与动画完全一致的效果,在某些地方,总有一两个像素的偏差是吧?这个偏差其实就是由于我们使用了分界线和边框引起的。在视觉上,边框或分界线等都属于线条,那么子项的线条应该与上一级的项目对齐才好看。因此我们在下左图绿色箭头处指定3级项往上移动1像素,让它的边框与2级项的分界线对齐。
但是位于下方的“网页制作”2级项下方已经没有分界线了,因此GoLive这些3级项边框如果与分界线对齐,就会在下方超出2级项的底部,因此我们采取将其高度减少1像素的方法来弥补。

现在对另外两个顶级菜单项建立子项,并且添加上超链接及其目标框架。如下图红色箭头处。如果链接的目的地在本站点内,可以通过定位线进行指定。相关操作都可以在视频教程中找到。

Global(全局设定)中是针对整个菜单项目的设定,比较重要的是如下右图中自动生成导航页的选项。这个选项在某些浏览器不支持JavaScript的时候自动产生一个所有菜单项目的链接列表,可以通过这张列表进行正常的访问。此外更重要的意义在于:大部分搜索引擎只是查找页面中具有的超链接,去分析站点。这个选项可以令其正常收集网站的结构信息。
大家可以尝试关闭IE浏览器的JavaScript支持(Internet选项_安全_自定义级别_禁用活动脚本),然后再在浏览器中访问,就会看到一个替代页面。

在网页中选中正在使用的菜单对象时,检查器跳板也会切换到菜单飞梭的相关设置,如下各图所示。需要注意的是,如果要使用框架,要注意框架的组织结构和目标位置。

通过菜单【MenuMachine_参数设定】可以开启如下左图的设置框,比较有用的是绿色箭头处的选项,启用后可以在编辑器中看到菜单的级别,如下右图。注意在Photoshop下又增加了一个第4级子项。方法也是相同的。
如果电脑配置较低,则可以尝试关闭在编辑器中实时显示鼠标经过效果和边框效果。

软件频道精品推荐

更多精彩
点击体验>>

作者:赵鹏责任编辑:龙犊)
请关注天极网天极新媒体 最酷科技资讯
扫码赢大奖
评论
* 网友发言均非本站立场,本站不在评论栏推荐任何网店、经销商,谨防上当受骗!
热点推荐
微软Windows 10操作系统Win10系统在Win8的基础上对界面、特性以及跨平台方面做了诸多优化。[详细]
Windows 10 新视界 [进入频道][使用技巧][微博互动]
手机整机DIY企业级