`

13款珍品CSS+Javascript菜单

阅读更多

    想找份用jsp做网站的web2.0的公司,谁能帮我啊,QQ:64738479,可以联系我。

 

每个 web 设计者都希望设计出富有创造性的导航菜单。现在为您呈现 13 个希奇的 Javascript CSS 菜单,你可以通过修改来设计出符合自己意愿的个性菜单。

1) 性感滑动菜单(Sexy Sliding Menu) - 一种由 Mootools 制作,另外一种使用 scrip.aculo.us 制作的。
sexy-menu.gif
演示:Mootols 版本
演示:Script.aculo.us 版本

2) FastFind Menu Script - 此菜单使用 jQuery 库制作,基于动态 Ajax 相应,嵌套式菜单。
fastfind.gif
演示: FastFind Menu

3) Webber 2.0 Dock Menu - 类似 Apple Mac 系统中船坞类型的导航菜单。
dockmenu.gif
演示: Webber 2.0 Dock Menu

4) Phatfusion - 图片菜单 - 采用 Javascript的图片菜单,单击进行选择或者关闭。
phatfusion.jpg
演示: Phatfusion - Image Menu
演示: Mootools 版本(采用 XML 分析器)

5)可拖拽排序的树状菜单
tree.gif
演示:http://extjs.com/deploy/dev/examples/tree/reorder.html

6)自定义菜单事件 - 采用 Yahoo!UI 框架搭建,由 Think Vitamin 团队制作。
custom.gif
演示:http://www.thinkvitamin.com/misc/yui-demos/demo-10.html

7) 右键菜单功能 - 采用Yahoo!UI框架制作。
custom.jpg
演示:http://yura.thinkweb2.com/scripting/contextMenu/

8) LavaLamp jQuery 滑动菜单 - 采用 jQuery 框架构建。
lavalamp.gif
演示:LavaLamp jQuery 滑动菜单
演示: Mootools Fancy Menu

9) Slashdot 菜单 - 著名科技网站 Slashdot 样式的菜单效果。
9.gif
演示:http://www.dynamicdrive.com/dynamicindex1/slashdot.htm

10) Mootools 菜单
10.jpg
演示:http://www.artviper.eu/mootoolsmenu/

11) CSS Dock Menu - 真正仿 Mac 系统的 Dock 菜单。
11.gif
演示:http://www.ndesign-studio.com/blog/mac/css-dock-menu

12) jQuery插件:Sliding Menu
12.gif
演示:http://www.getintothis.com/pub/projects/rb_menu/

13) 可收缩菜单
13.gif
演示:http://www.456bereastreet.com/lab/accessible-expanding-collapsing-menu/

分享到:
评论
2 楼 johnnyhg 2008-01-19  
非常的菜单样式,谢谢楼主!
1 楼 BIGN 2008-01-19  
2) FastFind Menu Script - 此菜单使用 jQuery 库制作,基于动态 Ajax 相应,嵌套式菜单。

这种可以共享一下代码吗,非常感谢

相关推荐

    参考资料-中国历代将相书法珍品.zip

    《参考资料-中国历代将相书法珍品》这个压缩包文件主要包含了对中国古代军事将领和宰相们的书法作品的集合,让我们来深入探讨一下这个主题所涵盖的知识点。 1. **书法艺术**:书法是中国传统文化的重要组成部分,它...

    五星白金大酒店粤菜篇菜单.doc

    【五星白金大酒店粤菜篇菜单】展示了粤菜的精致与奢华,主要集中在燕窝、翅类和鲍鱼等高端食材上。粤菜,又称广东菜,是中国八大菜系之一,以其独特的烹饪技艺和丰富的口味享誉全球。以下是该菜单中涉及的一些主要...

    09350 某某海珍品专卖店产品知识培训(PPT 19页).ppt

    淡干海参特有的形态完整,便于携带和长时间存储,发制后能够达到较高的出成率,如13-15斤原料可产出1斤海参。产品规格多变,从40-60头每500克到61-90头每500克不等,满足不同顾客的需求。 紧接着,我们来看半干海参...

    房地产丝绸珍品文化展策划案.pptx

    【房地产丝绸珍品文化展策划案】 本次策划案的核心是通过丝绸珍品文化展览,将中国传统文化的韵味和高端调性融入房地产营销活动中,旨在吸引并回馈XXX的新老客户,提升品牌形象,同时也为参与者提供一个了解和体验...

    一朵小花——花的艺术珍品尊贵典雅ppt模板.rar

    而今天,我要与您分享的是一朵小花——花的艺术珍品尊贵典雅ppt模板,这不仅是一朵小花,更是一件艺术品,它将大自然的美妙与人类智慧的结晶完美地结合在了一起。 这朵小花的美,不仅仅在于它天然的晶莹剔透的花朵...

    鸡中珍品-乌骨鸡作文.doc

    乌骨鸡,被人们誉为“鸡中珍品”,它不单是一种普通的家禽,而是集美味和滋补于一身的珍贵食材。在我国各地,乌骨鸡都有着悠久的养殖历史和文化传承,它所蕴含的不仅仅是人们对美食的追求,更是对健康生活的向往。 ...

    treasure-collecting

    "treasure-collecting"这个项目可能是一个利用JavaScript技术实现的互动应用或游戏,旨在模拟寻宝或收集珍品的过程。通过深入分析这个项目的源代码,我们可以学习到JavaScript在实际项目中的运用,以及如何构建动态...

    斯坦因带去欧洲的敦煌艺术珍品,在大英博物馆高清图片库重见天日

    斯坦因带去欧洲的敦煌艺术珍品,在大英博物馆高清图片库重见天日

    JAVA大赛2等奖作品(珍品)

    【标题】"JAVA大赛2等奖作品(珍品)"所代表的知识点主要集中在Java编程语言的高级应用和项目开发上。这个作品很可能展示了作者在Java领域的深入理解和实践能力,包括但不限于对象导向设计、数据结构与算法、多线程、...

    一朵小花-花的艺术珍品尊贵典雅PPT模板.pptx

    "一朵小花-花的艺术珍品尊贵典雅PPT模板"是一个以花卉为主题,强调优雅与高贵的设计,适合用于各种场合,如艺术展览、产品展示、个人演讲或者商务报告等。 在设计PPT模板时,有几个关键点需要注意: 1. **主题选择...

    中国特色菜单.pdf

    5. **茶文化**:碧螺春(Biluochun Tea)是绿茶中的珍品,清香扑鼻;大红袍(Dahongpao Tea)是福建武夷山的名茶,口感醇厚;陈年普洱(Aged Pu'er Tea)越陈越香,祁门红茶(Keemun Black Tea)带有果香,茉莉花茶...

    支持多浏览器的时间控件_带时分秒_

    描述中的"本人开发中所用,首次珍品"可能意味着这是开发者原创的代码,可能经过了精心设计和测试,适用于实际项目。"还是不多说,自己考虑在下哈"提示我们,这个控件可能具有一定的灵活性和自定义性,但具体实现细节...

    全球熏鲑鱼市场洞察:风味与营养并存的海洋珍品.pdf

    ### 知识点总结 #### 一、熏鲑鱼概览 - **定义与特性**:熏鲑鱼是经过特殊熏制工艺处理的鲑鱼制品,不仅保留了鲑鱼原有的鲜美,还在熏制过程中增添独特风味。其肉质细嫩、口感醇厚,并富含蛋白质、Omega-3脂肪酸等...

    山东省德州市教研室2013届高三语文 考前试题精选试题 作文

    文章标题:《珍品的价值:超越物质的精神财富》 在人生的旅途中,我们不断寻找珍品,这不仅是物质的宝藏,更是精神的财富。珍品,它可以是一段刻骨铭心的经历,一个影响深远的观念,或者一份深藏心底的情感。在山东...

    基于ASP的古典画廊网站源码整站下载 v1.01.zip

    通过这样的网站,用户可以跨越地域限制,欣赏到世界各地的艺术珍品,同时也可以学习和了解相关的艺术历史和文化背景。 【源码整站下载】 “基于ASP的古典画廊网站源码整站下载 v1.01.zip”包含了构建此类网站的...

    gap:Google Art Project主页

    《谷歌艺术计划:JavaScript在数字艺术领域的创新应用》 ...通过不断的技术迭代和优化,我们有理由期待JavaScript在未来将继续推动艺术与科技的深度融合,让更多人能够接触并欣赏到世界各地的艺术珍品。

    民生证券-珍酒李渡(6979.HK)首次覆盖报告:匠心筑珍品,发展多引擎-231028.pdf

    【珍酒李渡集团概述】 珍酒李渡集团是一家在2023年4月27日于香港交易所主板上市的白酒企业,被誉为“港股白酒第一股”。公司自2003年起通过并购湘窖、开口笑、珍酒和李渡等业务,形成了多元化品牌组合,专注于满足...

    拍卖

    拍卖网站的开发通常涉及到网页设计和交互,这里我们主要关注HTML这一标签,因为HTML是构建网页的...实际开发中还需要结合CSS(层叠样式表)进行样式设计,以及JavaScript或服务器端语言实现动态功能和后端数据处理。

    基于轻量化深度学习Mobilenet-SSD网络模型的海珍品检测方法.pdf

    本文介绍了一种基于轻量化深度学习的Mobilenet-SSD网络模型,用于海珍品检测的最新研究成果。文章指出,利用该模型可以实现水下海珍品的精确识别,摆脱了传统人工潜水了解海珍品情况的低效率方式。海珍品检测的准确...

    hackart-you-in-artwork:博物馆珍品(在华沙国家博物馆的HackArt中排名第一)

    博物馆珍品 查找图片中的隐藏细节! 2018年5月26日至27日,华沙国家博物馆在中第一名。 作品 应用 技术说明 物体检测 Google Cloud Vision API 演示: https : //cloud.google.com/vision/ 代码: ...

Global site tag (gtag.js) - Google Analytics