继11个Javascript树形菜单和20个Javascript手风琴折叠菜单后,再整理21个漂亮的javascript菜单特效。
1. iconDock (演示地址)
iconDock一个基于jquery开发的Fisheye menu。
2. dhtmlxMenu
这个菜单控件支持水平和垂直布局并可以配置作为ContextMenu,支持通过ajax动态加载菜。
3. Control.Menu
采用Mootools开发的菜单控件。
4. Fancy menu
非常...
阅读更多
2009年10月31日
6,916 次浏览
树形菜单能很好的呈现菜单项之前的从属关系,结构清晰明了。本文为你收集了11个javascript树形菜单。
1. dhtmlxTree
dhtmlxTree是一个功能丰富的Tree Menu控件。提供丰富的操作API,ajax支持和drag-n-drop功能。
2. Control.Treeview
采用Mootools开发的树形菜单控件。支持通过Ajax动态获取节点,设置默认选中某些节点。
3. Folder Tree (演示地址)...
阅读更多
2009年10月24日
3,241 次浏览
当列表菜单项目特别多的时候,使用javascript手风琴菜单(Accordion Menus)是个不错的选择。手风琴折叠菜单利于组织菜单项、节约网页空间和方便用户点击浏览。纯CSS也可以实现悬浮效果的手风琴菜单,但是结合JavaScript能得到更好的特效和控制能力。当然,切记不要单纯的为了花俏的特效而使用JavaScript手风琴折叠菜单。
1. Accordion with color tran...
阅读更多
2009年10月11日
3,402 次浏览
本文为你展示了一个漂亮、庞大、全面的photoshop导航菜单和按钮教程文章。所有这些教程是认真挑选,一些网络上最优秀,可助你创建出高质量导航菜单的教程。
导航在每一个网站设计都是非常重要的方面,因为它通常人们点击最多的地方,指引着访客在你的站内继续游荡,让我们开始学习如何创建光泽,干净,时尚,光滑,甚至3D导航菜单!
1.桔色Banner的内...
阅读更多
2009年09月12日
5,250 次浏览
JanKo设计的仿Vimeo风格的顶部导航菜单,纯CSS, 虽然没有什么技术含量,但确实蛮漂亮的。
该菜单的详细制作教程
另外,他忘记了Hack IE6,如果你想使用这个导航菜单的话,需要使用到csshover.htc,使用方法见创建WordPress主题悬浮菜单。
阅读更多
2009年02月02日
1,959 次浏览
Pop! 是一个简单但有效的 jquery插件, 主用用来创建 下拉,也可以用来创建Tooltips效果, 或弹出特效。
它可以让你存储任何内容到一个容器里面,然后点击控制展开和闭合。
如何使用它呢?
首先确认你的网页已经加载了 jquery.pop.js 和jQuery库
进行初始化:
<script type='text/javascript'>
$(document).ready(function(){
$.pop();
});
&l...
阅读更多
2009年02月01日
3,386 次浏览
导航在网站设计中是非常重要的,它引导着用户进行浏览和查找,一个良好的导航系统能让用户在离开网站时感觉享受了一次愉快的旅程。designinterviews为我们收集了15个极富创意的导航设计(15 Original Menu Designs)。这些导航设计的创意和视觉足以让你大跌眼镜。
Francine Zaslow
来自波士顿的摄影师Francine Zaslow的个人Flash空间设计成一本书的样式...
阅读更多
2008年10月14日
5,390 次浏览
不管什么样的网站,导航菜单都是非常重要的设计部份。之前曾经介绍过使用csshover.htc来实现兼容主流浏览器,纯CSS的wordpress悬浮下拉菜单。而Hack Wordpress收集整理了5个Wordpress导航菜单教程,教你如何设计一些结构紧凑,兼容各大浏览器,不同样式的各种菜单 – Top 5 Wordperss Navigation Menu Tutorials。
主要包含的教程有:
如何创建...
阅读更多
2008年08月30日
3,322 次浏览
滑动菜单效果是非常酷的,但很多时候,我们不希望为了酷使用大量脚本,影响到网页的载入速度.现在,如果你想弄一个滑动菜单,那你不用担心这个问题了,Leigeber创建了一个1KB的横向滑动菜单脚本.
别看它小,丝毫不逊色于那些使用jquery或Mootools框架的滑动菜单脚本,这是一个多用途且独立的横向手风琴脚本,可用于菜单,图片,演示文稿的内容和更...
阅读更多
2008年05月29日
4,247 次浏览
CSS可以让网页设计中实现很多丰富和独特的技术. 今天,我们就围绕着CSS技术展示全面的探讨, 为你找寻一些最具创造性的CSS技术和使用技巧. 绝对值得喜欢网页设计的你一看. 此文由帕兰翻译自Noupe的Using CSS to Do Anything: 50+ Creative Examples and Tutorials.
如果你喜欢CSS, 那你可能对帕兰之前发表的一些文章也会感兴趣 :
101个CSS技术高级应用...
阅读更多
2008年04月23日
9,207 次浏览