 |
帖子主题: [转帖]满汉全席大"菜单"---各式菜单做法集锦 |
头衔：论坛总管理员
|
Admin   |
荣誉：管理员
职务：总版主
级别：圣骑士
积分：547
经验：3330
文章：271
注册：03-01-20 23:27
|
|
|
 发表: 2006-09-24 01:58:57 人气:24299   | 楼主 |
[转帖]满汉全席大"菜单"---各式菜单做法集锦
节选
........
三、炒菜：部分常见菜单效果及做法（收集自海娃收集的js集合，www.1000script.com,www.51js.com ,www.38js.com）
目录结构菜单 演示地址： vip.5d.cn/flood/myjs/htm/menu/dir1.htm
简单树型菜单 演示地址： vip.5d.cn/flood/myjs/baoku/0035.htm
经典树型菜单 演示地址： vip.5d.cn/flood/myjs/htm/menu/content.htm
顶部滑动菜单 演示地址： vip.5d.cn/flood/myjs/htm/menu/show.htm
左边滑动菜单（可随滚动条滚动而变化）演示地址： vip.5d.cn/flood/myjs/htm/menu/sidemenu.htm
左侧菜单1 演示地址： vip.5d.cn/flood/myjs/baoku/0008.htm
左侧菜单2 演示地址： vip.5d.cn/flood/myjs/baoku/0010.htm
键盘控制菜单 演示地址： vip.5d.cn/flood/myjs/baoku/0009.htm
QQ菜单生成器 演示地址： vip.5d.cn/flood/myjs/htm/menu/qqhtm.htm
QQ菜单 演示地址： vip.5d.cn/flood/myjs/htm/menu/qq/qqmenu.htm
软件型菜单 演示地址： vip.5d.cn/flood/myjs/htm/menu/menu2.htm
五角型菜单 演示地址： vip.5d.cn/flood/myjs/htm/menu/fivemenu.htm
像素渐变菜单 演示地址： vip.5d.cn/flood/myjs/htm/menu/dmenu.htm
渐变菜单 演示地址： vip.5d.cn/flood/myjs/htm/menu/coolmenu.htm
多级渐变菜单 演示地址： vip.5d.cn/flood/myjs/htm/menu/coolmenus3.htm
三级关联菜单 演示地址： vip.5d.cn/flood/myjs/baoku/0037.htm
链接菜单 演示地址： vip.5d.cn/flood/myjs/baoku/0038.htm
功能型右键菜单 演示地址： vip.5d.cn/flood/myjs/baoku/0141.htm
滑动导航 演示地址： vip.5d.cn/flood/myjs/baoku/0148.htm
收藏夹式树型菜单 演示地址： vip.5d.cn/flood/myjs/baoku/0155.htm
图片下拉导航 演示地址： vip.5d.cn/flood/myjs/baoku/0152.htm
滑动菜单 vip.5d.cn/flood/menu/hdmenu.htm
淡入淡出菜单 vip.5d.cn/flood/menu/drdc.htm
伸缩菜单 vip.5d.cn/flood/menu/ssmenu.htm
伸缩菜单1 vip.5d.cn/flood/menu/ssmenu1.htm
拖动改变次序的XML树型菜单 vip.5d.cn/flood/menu/xmlmenu.htm
多级滑动菜单 vip.5d.cn/flood/menu/mutimenu.htm
xp样式菜单1 vip.5d.cn/flood/menu/xpmenu.htm
xp样式菜单2 vip.5d.cn/flood/menu/xpmenu1.htm
四、美酒：论坛中一些cool菜单实例的制作方法
1．www.hacker.com.cn导航效果
www.5d.cn/bbs/NewsDetail.asp?id=805892
2．www.etang.com 导航效果
vip.5d.cn/flood/etang/menu.htm
3．http://www.oh100.com/txt.htm导航效果
www.5d.cn/bbs/newsdetail.asp?id=726906
4．一种细腻的导航效果的制作方法
www.5d.cn/5dmedia/web/dreamweaver/basic/20030604/00002610.htm
5．http://www.flyash.com导航效果
效果还可以，原理很简单，使用swap image
6．msdn 菜单风格
www.smilchina.com/ www.5d.cn/bbs/newsdetail.asp?id=753209
7．Merlin导航
vip.5d.cn/flood/menu/merlin.htm
8.windows样式移动选项卡
vip.5d.cn/flood/menu/ydxxk.htm
vip.5d.cn/allinhands/M/file/3-sample.htm
五、水果：软件和插件
软件
网页菜单工厂(WebMenuShop) （仅做简介）
WebMenuShop 是一款用于快速建立javascript网页菜单的共享软件。几乎不需要任何javascript编程知识，就可以使用它很轻松的制作形式多样的网页菜单，并可以很方便地保存菜单的定制方案。是一款非常优秀的网页菜单快速构建工具。该软件制作的菜单目前适用于IE5.0及以上版本的浏览器。
DHTML Menu Builder （仅做简介）
DHTML Menu Builder 是一款非常容易使用的网页工具，它能让您非常直观地做出动态的网页菜单。
还有如下几个：Selteco Menu Maker 、ACEMenu Creator、Xara Menu Maker、
Menu Designer，好象都不大好用，感觉功能一般，Xara Menu Maker还不错，但是要注册，只有15天的试用。感兴趣可以尝试一下。
插件
menu： 很简单的文本下拉菜单，需要框架支持 位置：插入菜单 下载
outlines： 很简单的文本下拉菜单 位置：插入菜单 下载
mfx_slidemenu ： 滑动下拉菜单 位置：插入面板 下载 演示页面： vip.5d.cn/flood/menu/mxpmenu1.htm
MFXclick_menu：滑动下拉菜单 位置：命令菜单 下载 演示页面： vip.5d.cn/flood/menu/mxpmenu3.htm
right_click_menu_builder： 右键菜单 位置：命令菜单 下载
jump_menu ：制作可以灵活控制的跳转菜单，比dw自带的好用，必须先插入菜单。下载
OK！吃完了满汉全席的大菜单，不知道大家消化的怎么样？ :D菜单效果的实现主要以CSS+JS为主，在分析代码时要注意这一点就会容易很多。以上只是抛砖引玉，希望大家能贴出更多菜单的制作方法或者一些精彩的菜单导航页面。:)
| |
|
|
9 7 1 8 : 此主题共有1帖 此页1帖 每页100帖 |
|
|
|
回复帖子 注意: *为必填项 |
|
|
Copyright © 2018 外贸网站建设,SOHO英文网页制作,网站设计公司--伊路网络工作室 版权所有
本论坛内容纯属发表个人意见，与雪风伊路网络科技立场无关
论坛域名：bbs.elut.cn
页面执行时间:52毫秒
