您的位置:首页图形图像设计素材 → 个性化jQuery和CSS3菜单源码

个性化jQuery和CSS3菜单源码

时间:2012/8/30 18:32:44来源:www.pc6.com作者:佚名我要评论(0)

  下面要给大家分享8款非常个性化的jQuery和CSS3菜单,这些菜单由于外观比较独特,所以也许不是非常通用,但是我们可以认可的是这些菜单的设计思路非常棒,值得借鉴。下面一起来看看这些菜单吧。

  1、超酷的jQuery动画菜单

  这是一款效果非常酷的jQuery动画菜单导航,当你把鼠标移到菜单项的时候,将会出现十分平滑的滑动效果,这个菜单漂亮的地方还在于菜单的背景图片,动画本身并不复杂,下面就一起来看看这个简单漂亮的jQuery动画菜单吧。

  2、jQuery侧边固定停靠导航

  这是一款非常精美的jQuery侧边固定停靠导航菜单,鼠标移入移出是都有流畅的弹入弹出效果,并能固定在浏览器一侧,不随着滚动条下拉而下滑。

  3、jQuery和CSS3图片下拉菜单

  这是一款基于jQuery和CSS3的图片下拉菜单,当鼠标移到菜单项上时,菜单上就会弹出一张该菜单项的主题图片,并以下拉的方式显示该菜单项的具体说明。下拉过程十分流畅。

  4、CSS3 动画导航按钮

  这是一组基于CSS3的动画导航按钮,该动画导航会在鼠标移上去之后播放一段对应的小动画,效果十分时尚。不过注意的是,该动画导航只能在基于WebKit的浏览器上才能运行,如Chrome。下面就一起来看看这款CSS3导航。

  5、丝带状的CSS导航

  这是一款利用纯CSS实现的丝带状的导航菜单,该CSS导航简单而又大方,犹如悬挂在蓝天之上,又仿佛倒映在碧水之中,确实是一个让人看了赏心悦目的CSS导航。

  6、CSS3仿Windows 7的开始菜单

  这是一款用纯CSS3实现的仿Win 7的开始菜单。如果我们分解这个Windows 7开始菜单,我们会得到1个div,2个ul列表,1组链接以及一些icon小图标,我们可以一起来看看具体的效果。

  7、jQuery动画菜单jStackmenu

  jStackmenu是一款基于jQuery的堆栈式动画菜单,当你用鼠标点击那个“爱心”按钮时,jStackmenu菜单就会以堆栈方式弹出或者收拢,并呈现出流畅的动画特效。

  8、银白色的CSS3导航菜单

  这是一款纯CSS3制作的导航菜单,这个银白色的菜单在朦胧夜空的衬托下显得格外亮丽。当鼠标滑过导航时,每个菜单项又会呈现不同的效果,整体上,这款CSS3导航菜单非常简单而又具有立体感。

  以上就是8款个性化的jquery和css3菜单导航,喜欢的朋友可以收藏。

相关视频

    没有数据

相关阅读 jquery ready 实现方法实例如何将jQuery性能调优jQuery和JavaScript 库的性能对比Jquery get/post下乱码解决方法 前台gbk gb2312 ,后台aspstruts2 + jquery + json 进行ajax请求2009 年度最佳 jQuery 插件新手学习jquery要点xhEditor能兼容哪些jQuery版本?

文章评论
发表评论

热门文章 休闲婚纱素材 千年的爱野外婚纱素材 黄色的芦婚纱素材_天使女孩摄影

最新文章 substance painter教程sai教程:初识sai + 城 什么是TGA格式文件?如何打开?sai教程:初识sai + 城堡绘画教程SAI绘图教程:sai结合photoshop进行填涂性质kara私房作品 魅艳娇娃.kara人物素材

人气排行 sai教程:初识sai + 城堡绘画教程SAI绘图教程:sai结合photoshop进行填涂性质substance painter教程 substance painter使什么是TGA格式文件?如何打开?吴小倩秋天照片_人物素材野外婚纱素材 黄色的芦苇随风荡漾个性化jQuery和CSS3菜单源码桃花园休闲照片_人物素材