这是最近发现的一个比较喜欢的导航菜单,同样是基于jQuery动画效果.
鼠标悬停上按钮后菜单竖向滑动显示,亮点可以查看演示里面的滑出中含有主菜单和菜单图示两种元素的不同步滑出…好像是这样说吧.
其实看看演示就知道了:
这个网站上面也有一些别的不错的jQuery效果教程.
jQuery竖向滑动导航菜单
4
Tag Archives: 今天
放大/缩小导航菜单效果(CSS)
记得之前有一款苹果类的动画菜单，鼠标悬停上去后会出现放大的动画效果，非常不错。这里并不是介绍那种菜单，而是一款用只用css实现的放大/缩小导航菜单。
虽然没有jQuery那样的动画效果，但胜在小巧。
先看看预览的效果吧，其中包含了纯CSS和图片替换2种方法的演示 – Demo Continue reading
Mega下拉导航菜单(jQuery & CSS)
如果你的网站拥有很多的内容和比别人更细节的分类,这样,一个漂亮的Mega导航菜单应该很适合你拿去使用.
Mega是什么意思? 之前也介绍过一款用jQuery实现的Mega导航菜单效果,简单的来说这就是一种很大,可以包含进去很多内容的导航菜单.
不过上次的那款不是很好看,这里的更优秀一些.
先来看看预览吧 – Demo Continue reading
JQuery翻转导航菜单
这是一个简单的jQuery导航菜单使用了翻转效果,其中包括了水平翻转和垂直翻转效果.
[ 具体演示 ]
有时候简单的东西能够体现出更好的效果,整个代码在50K以下,如果使用google的库来调用jquery,将使用更少的空间.
用JQuery手风琴插件打造apple边栏导航菜单
这篇是利用JQuery手风琴插件来模仿制作apple边栏的导航菜单效果.
先看看我们要做的效果是怎样的
进入apple网站downloads栏目：http://www.apple.com/downloads
就是要做左边边栏的这个效果,用鼠标悬停实现竖向滑动.
先来看看[最终效果],是不是和apple的一样? Continue reading
一组混合样式的JQuery导航菜单
JQuery动画导航菜单(横向滑动)
JQuery实现Mega导航菜单效果(下载)
根据 sitepoint.com 对网页设计未来趋势的报告中指出,随着越来越多的网站开始使用”Mega menus”,这种导航菜单样式将成为未来发展的趋势之一.
从字面上看,这种导航菜单的特点的就是大,怎么大法.就是一个下拉菜单中包含了多种元素,而不是传统的几个链接.
在一些资源比较多或是分类比较细的网站中,这样的导航菜单能更快的使用户找到想看的东西,并且还节省了网页的使用空间.
现在介绍的一款利用JQuery实现的mega导航菜单效果.
其中包括了一个基于jQuery脚本的下拉动画菜单,鼠标移动上去后会显示一个很大的…框.里面含有鸭脖客上部分分类及分类下面的文章列表.收回鼠标后菜单自动恢复原样. Continue reading
