帕兰映像 » 菜单

21个漂亮的Javascript菜单特效

帕兰 — Sat, 31 Oct 2009 09:36:41 +0000

继11个Javascript树形菜单和20个Javascript手风琴折叠菜单后，再整理21个漂亮的javascript菜单特效。

1. iconDock (演示地址)

iconDock一个基于jquery 开发的Fisheye menu。

2. dhtmlxMenu

这个菜单控件支持水平和垂直布局并可以配置作为ContextMenu，支持通过ajax动态加载菜。

3. Control.Menu

采用Mootools开发的菜单控件。

4. Fancy menu

非常酷的导航菜单。

5. CSS Dock Menu ()

采用jQuery CSS实现，仿Mac Dock Menu的一个导航菜单。(...)
继续阅读 21个漂亮的Javascript菜单特效

转载请注明: 来源于 21个漂亮的Javascript菜单特效
原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/

通过这些关键词: JavaScript, jQuery插件, 菜单找到更多你可能喜欢的内容

第5工作室 - 付费设计:　自定义个性化网页设计, 承接付费WordPress主题定制, PSD转XHTML等设计业务.
第7网赚室 - 在线赚钱:　向你推荐最热门最真实的在线赚钱途径, 让你在写博同时, 轻松赚取美元!
第9主机室 - 国外主机:　低于5美元/每月, 支持PayPal付款的美国虚拟主机, 直观图析评测导购, 帮您做出明智的选择.

11个Javascript树形菜单

帕兰 — Sat, 24 Oct 2009 08:48:12 +0000

树形菜单能很好的呈现菜单项之前的从属关系，结构清晰明了。本文为你收集了11个javascript树形菜单。

1. dhtmlxTree

dhtmlxTree是一个功能丰富的Tree Menu控件。提供丰富的操作API，ajax支持和drag-n-drop功能。

2. Control.Treeview

采用Mootools开发的树形菜单控件。支持通过Ajax动态获取节点，设置默认选中某些节点。

3. Folder Tree (演示地址)

文件夹树形控件。支持利用拖放（drag and drop）操作来重新排序节点，利用Ajax更新节点。(...)
继续阅读 11个Javascript树形菜单

转载请注明: 来源于 11个Javascript树形菜单
原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/

通过这些关键词: JavaScript, jQuery插件, 菜单找到更多你可能喜欢的内容

20个Javascript手风琴折叠菜单

帕兰 — Sun, 11 Oct 2009 06:20:44 +0000

当列表菜单项目特别多的时候，使用javascript手风琴菜单(Accordion Menus)是个不错的选择。手风琴折叠菜单利于组织菜单项、节约网页空间和方便用户点击浏览。纯CSS也可以实现悬浮效果的手风琴菜单，但是结合JavaScript能得到更好的特效和控制能力。当然，切记不要单纯的为了花俏的特效而使用JavaScript手风琴折叠菜单。

1. Accordion with color transition

在不同的面板之间进行切换时，折叠面板颜色会随之变换。

2. Completely Flexible Accordion

这个控件的折叠面板可随意，灵活定制。

3. Accordion with scriptaculous

一个基于scriptaculous开发，轻量级、跨浏览器的折叠控件。

4. Smallest Accordian (演示地址)

这个Accordian只有1149Bytes，是当前最小的折叠控件。

5. Horizontal accordion: jQuery (演示地址)

基于jquery开发，非常简单的水平方向折叠控件。

6. MooTools Accordion

可以利用Ctrl加key(1,2,3…)来控制折叠操作的控件。

7. HoverAccordion

(...)
继续阅读 20个Javascript手风琴折叠菜单

转载请注明: 来源于 20个Javascript手风琴折叠菜单
原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/

通过这些关键词: JavaScript, 手风琴, 菜单找到更多你可能喜欢的内容

50个高质量的PhotoShop导航菜单教程

帕兰 — Sat, 12 Sep 2009 05:00:42 +0000

本文为你展示了一个漂亮、庞大、全面的photoshop导航菜单和按钮教程文章。所有这些教程是认真挑选，一些网络上最优秀，可助你创建出高质量导航菜单的教程。

导航在每一个网站设计都是非常重要的方面，因为它通常人们点击最多的地方，指引着访客在你的站内继续游荡，让我们开始学习如何创建光泽，干净，时尚，光滑，甚至3D导航菜单！

1.桔色Banner的内容盒导航

2. Vista 风格的PhotoShop按钮教程

3. 如何使用 Photoshop创建光滑简洁的按钮

4. 黑蓝色导航栏

5. 华丽的绿色导航

6. 高质量的塑料导航栏

(...)
继续阅读 50个高质量的PhotoShop导航菜单教程

转载请注明: 来源于 50个高质量的PhotoShop导航菜单教程
原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/

通过这些关键词: Photoshop教程, 导航, 菜单找到更多你可能喜欢的内容

Vimeo风格的顶部导航菜单

帕兰 — Mon, 02 Feb 2009 00:49:39 +0000

JanKo设计的仿Vimeo风格的顶部导航菜单，纯CSS, 虽然没有什么技术含量，但确实蛮漂亮的。

该菜单的详细制作教程

另外，他忘记了Hack IE6，如果你想使用这个导航菜单的话，需要使用到csshover.htc，使用方法见创建WordPress主题悬浮菜单。

转载请注明: 来源于 Vimeo风格的顶部导航菜单
原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/

通过这些关键词: 教程, 菜单找到更多你可能喜欢的内容

Pop!: 可用于制作下拉菜单的jQuery弹出特效插件

帕兰 — Sun, 01 Feb 2009 19:59:22 +0000

Pop! 是一个简单但有效的 jquery插件， 主用用来创建下拉，也可以用来创建Tooltips效果, 或弹出特效。

它可以让你存储任何内容到一个容器里面，然后点击控制展开和闭合。

如何使用它呢?(...)
继续阅读 Pop!: 可用于制作下拉菜单的jQuery弹出特效插件

转载请注明: 来源于 Pop!: 可用于制作下拉菜单的jQuery弹出特效插件
原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/
© 帕兰 for 帕兰映像, 2010 | 添加到 del.icio.us

通过这些关键词: dropdown, jquery, Tooltips, 弹出特效, 菜单找到更多你可能喜欢的内容

第5工作室 - 付费设计:　自定义个性化网页设计, 承接付费WordPress主题定制, PSD转XHTML等设计业务.
第7网赚室 - 在线赚钱:　向你推荐最热门最真实的在线赚钱途径, 让你在写博同时, 轻松赚取美元!
第9主机室 - 国外主机:　低于5美元/每月, 支持PayPal付款的美国虚拟主机, 直观图析评测导购, 帮您做出明智的选择.

15个创意网站导航统设计

帕兰 — Tue, 14 Oct 2008 09:28:57 +0000

导航在网站设计中是非常重要的，它引导着用户进行浏览和查找，一个良好的导航系统能让用户在离开网站时感觉享受了一次愉快的旅程。designinterviews为我们收集了15个极富创意的导航设计(15 Original Menu Designs)。这些导航设计的创意和视觉足以让你大跌眼镜。

Francine Zaslow

来自波士顿的摄影师Francine Zaslow的个人Flash空间设计成一本书的样式。导航链接使用了彩色方块按钮，Flash载入則采用快速的翻页效果。

Francine Zaslow

IDEO

IDEO的网页设计用于展示他们的作品，许多作品不规则的拼凑在屏幕上却严丝合缝，点击缩略图的时候，則呈现大图显示。每个作品里面的导航又有其独特之处。如果你想创造一个让人眼花缭乱的网页设计，那这个网站会给你最多的灵感。(...)
继续阅读 15个创意网站导航统设计

转载请注明: 来源于 15个创意网站导航统设计
原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/

通过这些关键词: 导航, 欣赏, 菜单找到更多你可能喜欢的内容

5个Wordpress导航菜单教程

帕兰 — Sat, 30 Aug 2008 06:22:42 +0000

不管什么样的网站，导航菜单都是非常重要的设计部份。之前曾经介绍过使用csshover.htc来实现兼容主流浏览器，纯CSS的wordpress悬浮下拉菜单。而Hack Wordpress收集整理了5个Wordpress导航菜单教程，教你如何设计一些结构紧凑，兼容各大浏览器，不同样式的各种菜单 – Top 5 Wordperss Navigation Menu Tutorials。

主要包含的教程有：

有关菜单的相关教程资源，你还可以查看：

转载请注明: 来源于 5个Wordpress导航菜单教程
原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/

通过这些关键词: WordPress技巧, 菜单找到更多你可能喜欢的内容

1KB的横向滑动菜单脚本

帕兰 — Thu, 29 May 2008 07:36:55 +0000

滑动菜单效果是非常酷的，但很多时候，我们不希望为了酷使用大量脚本，影响到网页的载入速度．现在，如果你想弄一个滑动菜单，那你不用担心这个问题了，Leigeber创建了一个1KB的横向滑动菜单脚本．

别看它小，丝毫不逊色于那些使用jquery或Mootools框架的滑动菜单脚本，这是一个多用途且独立的横向手风琴脚本，可用于菜单，图片，演示文稿的内容和更多你想使用的地方．它的一个更大的特点是，该脚本可以根据菜单的元素个数来自动调整适应菜单的尺寸。

(...)
继续阅读 1KB的横向滑动菜单脚本

转载请注明: 来源于 1KB的横向滑动菜单脚本
原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/

通过这些关键词: JavaScript, slider, 菜单找到更多你可能喜欢的内容

50多个极富创意的CSS演示和教程

帕兰 — Wed, 23 Apr 2008 08:04:00 +0000

CSS可以让网页设计中实现很多丰富和独特的技术. 今天,我们就围绕着CSS技术展示全面的探讨, 为你找寻一些最具创造性的CSS技术和使用技巧. 绝对值得喜欢网页设计的你一看. 此文由帕兰翻译自Noupe的Using CSS to Do Anything: 50+ Creative Examples and Tutorials.

如果你喜欢CSS, 那你可能对帕兰之前发表的一些文章也会感兴趣 :

样式化列表

神奇的

标签- 使用少许的CSS,

标签成为CSS设计中最常用最有效最多才多艺的一个元素, 此文将向你介绍如何发挥

标签的最大作用.

Better Ordered Lists (Using Simple PHP and CSS)- 这是一个示例, 教像如何使用PHP和CSS创建一个传说中的有序文章列表, 还且这个编序号码还是首字下沉的效果.

Style Your Ordered List- 这是一个快捷教程, 教你如何使用有序列表

元素来创建一个漂亮的编号列表.

Live DemoView it Here
Download zip file

List Based Calendar

元素实现的日历.
- Live DemoView it Here
表格和表单元素

Datasheet-style form using HTML and CSS- 使用html,CSS 和javascript 创建一个数据库风格的档案记录,(...)
继续阅读 50多个极富创意的CSS演示和教程

转载请注明: 来源于 50多个极富创意的CSS演示和教程
原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/
© 帕兰 for 帕兰映像, 2010 | 添加到 del.icio.us

通过这些关键词: CSS, CSS生成器, navagation, Photoshop特效, Table, 生成工具, 菜单, 表单找到更多你可能喜欢的内容

第5工作室 - 付费设计:　自定义个性化网页设计, 承接付费WordPress主题定制, PSD转XHTML等设计业务.
第7网赚室 - 在线赚钱:　向你推荐最热门最真实的在线赚钱途径, 让你在写博同时, 轻松赚取美元!
第9主机室 - 国外主机:　低于5美元/每月, 支持PayPal付款的美国虚拟主机, 直观图析评测导购, 帮您做出明智的选择.