阅读更多

9顶
2踩

Web前端

原创新闻 7 款风格新颖的 jQuery/CSS3 导航

2013-04-23 09:25 by 见习编辑 html5_dev 评论(3) 有13697人浏览
一款优秀的菜单对网站而言是非常重要的,它不仅可以让用户方便地找到想要的信息,而且更让人有一种特殊的用户体验。下面给大家分享7款风格新颖的jQuery/CSS3菜单导航,希望大家会喜欢。

1、CSS3立体飘带状菜单

CSS3立体飘带状菜单,该菜单鼠标滑过时,菜单项向上立体凸起,结合黑色的木质背景,整个菜单显得非常立体生动。



在线演示 / 源码下载

2、CSS3个人资料导航菜单

该菜单是用来展示登录的用户信息,包括用户的快捷操作按钮,另外菜单还提供一个个性化的搜索框。



在线演示 / 源码下载

3、jQuery顶部浮动渐变工具栏

jQuery顶部浮动渐变工具栏是一款基于jQuery的顶部导航插件,默认该菜单不显示,当页面向下滚动时,该顶部菜单就会逐渐显示出来,页面滚动到一定距离时,菜单会全部显示。页面距离由JS自动判断。



在线演示 / 源码下载

4、CSS3彩色多功能下拉菜单导航

这是一款强大的菜单导航,菜单集成了搜索、普通下拉菜单、带图标的下拉菜单这些功能,而且色彩很丰富,是一款非常实用的网页菜单导航。



在线演示 / 源码下载

5、灰色超具立体感的CSS3导航按钮

这款菜单导航提供了水平和垂直两种菜单模式,鼠标滑过菜单项时非常具有立体感,很棒的一个网页素材。



在线演示 / 源码下载

6、CSS3黑色动画菜单导航

这款菜单以黑色为背景,背景中又有气泡作为点缀。菜单项以白色为主,鼠标滑过菜单项出现动画效果,非常酷的一款CSS3菜单。



在线演示 / 源码下载

7、带小图标的jQuery多级菜单导航

这款菜单不仅是多级菜单,而且每一个菜单项都可以设置菜单的功能图标,因此非常实用。



在线演示 / 源码下载

以上就是7款风格新颖的jQuery/CSS3菜单导航,部分特效示例由网页素材大全网站提供,欢迎收藏。
9
2
评论 共 3 条 请登录后发表评论
3 楼 yongquan812 2013-05-22 13:32
 
2 楼 _如今的她 2013-04-25 10:00
3、jQuery顶部浮动渐变工具栏 演示地址有不良广告。。。。。
1 楼 ae6623 2013-04-23 21:45
+1 非常给力,挺有美感的。

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 7款风格新颖的jQuery/CSS3菜单导航分享

    下面给大家分享7款风格新颖的jQuery/CSS3菜单导航,希望大家会喜欢。 1、CSS3立体飘带状菜单 CSS3立体飘带状菜单,该菜单鼠标滑过时,菜单项向上立体凸起,结合黑色的木质背景,整个菜单显得非常立体生动。 在线...

  • jquery.html 动画,10款超实用jQuery/CSS3动画应用

    原标题:10款超实用jQuery/CSS3动画应用这次我们要带来10款最新的jQuery/CSS3动画应用,这里有不少jQuery插件还是比较实用的,像一些jQuery菜单、jQuery图片滑块等。另外,CSS3的运用,让这些应用都添加了不同的动画...

  • 7款风格新颖的jQuery / CSS3菜单导航

    下面给大家分享7款风格新颖的jQuery/CSS3菜单导航,希望大家会喜欢。 1、CSS3立体飘带状菜单 CSS3立体飘带状菜单,该菜单鼠标滑过时,菜单项向上立体凸起,结合黑色的木质背景,整个菜单显得非常立体生动。 ...

  • 11款样式新颖的 jQuery/CSS3 网页菜单

    今天为大家准备了11款样式风格挺不错的jQuery/CSS3网页菜单,主要包括面包屑菜单、下拉菜单、Tab菜单等,喜欢的朋友赶紧收藏,一起来看看这些菜单。 1、jQuery / CSS3多功能下拉菜单 带分享和搜索功能 这是一款...

  • 实用jQuery/CSS3动画应用

    这次我们要带来10款最新的jQuery/CSS3动画应用,这里有不少jQuery插件还是比较实用的,像一些jQuery菜单、jQuery图片滑块等。另外,CSS3的运用,让这些应用都添加了不同的动画效果,不仅实用,而且更酷了。 1、...

  • html5 css3 简单案例,html5/jQuery/CSS3动画案例(超实用10款案例)

    html5/jQuery/CSS3动画案例(超实用10款案例)分享给大家1、jQuery/CSS3书本翻页动画特效 多功能选项支持这是一款基于jQuery和CSS3的书本翻页动画特效,该书本翻页插件的外观非常华丽喜庆,非常适合产品活动或者育儿...

  • 分享9款设计巧妙的jQuery/CSS3网页应用

    如何让平凡的网页变的生动富有活力,如何让操作枯燥而又繁琐的网页变得巧妙而人性化,相信下面9款设计巧妙的jQuery/CSS3网页应用可以帮你建立一个富有生机的网站,同时阅读它们的代码可以帮你提升前端设计能力。...

  • 超赞值得一试的六款jQuery插件和CSS3应用

    这是一款利用jQuery实现的图片横向滚动插件,我们可以设置任意数量的图片,然后点击左右箭头按钮即可分组浏览这些图片。这款jQuery图片插件的优势有两点,其一是可以定义每组图片的数量,其二是图片可循环播放,而且...

  • 超赞 值得一试的jQuery插件和CSS3应用

    下面我们就来看看jQuery和CSS3的魅力,这几款应用有些还是比较实用的。1、jQuery图片横向滚动插件这是一款利用jQuery实现的图片横向滚动插件,我们可以设置任意数量的图片,然后点击左右箭头按钮即可分组浏览这些...

  • jQuery权威指南-源代码

    1.1.4 编写第一个简单的jQuery应用/3 1.1.5 jQuery程序的代码风格/5 1.2 jQuery的简单应用/7 1.2.1 jQuery访问DOM对象/7 1.2.2 jQuery控制DOM对象/7 1.2.3 jQuery控制页面CSS /9 1.3 本章小结/11 第2章 ...

  • 25款不得不说的html5+css3动画效果

    这25款动画效果分别使用了html5 svg、css3transform、css3transition、css3animation等制作而成。 1、9种梦幻般的html5+css3 tooltip鼠标提示插件效果 这个tooltip鼠标提示插件将带您离开黄底黑字的html tooltip...

  • 基于HTML5、JavaScript和CSS3的网页开发应用技术的网页

    ** 1.作品整体构思及网站(网页)的主体构想 ...网站最大的特点是借助了CSS3的网页页面布局的应用技术是的网页的界面更具有可读性,从而使得网页具有亲和力。 2.作品总体设计方案及制作思路 在做网...

  • 带后台管理的超酷jquery+ajax幻灯相册php源码,仿门户网图片频道的jQuery幻灯相册轮播代码...

    推荐 jquery画廊特效 支持缩略图预览和全屏展示及图片描述这是款基于jquery的画廊相册特效,功能较全面,可支持缩略小图预览,幻灯图片全屏展示,可显示多种规格的图片,包括全屏显示高清大图,以及...2012-04-04 独...

  • 带后台管理的超酷jquery+ajax幻灯相册php源码,带后台管理的超酷jQuery+ajax幻灯相册PHP源码...

    推荐 类似于相片画廊效果超炫的jQuery相册特效Slider Gallery with jQuery是一款基于CSS3和jQuery的JS相册代码,效果类似于平轴滑动式的相册画廊,支持点击放大图片的功能,能对图集分类,功能较全。2011-02-13 超级...

  • 常用jQuery web工具集4

    tableHover tableHover一个jQuery插件当鼠标经过时,能够对表格的一整列或行进行着色加亮。支持colspans与rowspans的表格。 tableHover Highlight Date Picker Date Picker一个采用jQuery开发的日期选择控件。支持...

  • COMSOL焊接热源模型详解:双椭球、高斯旋转体与柱状体热源的应用与优化

    内容概要:本文详细介绍了COMSOL软件中三种常用的焊接热源模型:双椭球热源、高斯旋转体热源和柱状体热源。双椭球热源适用于电弧焊,通过将热源分为前后两个半椭球,能够更好地模拟熔池的温度梯度变化;高斯旋转体热源适合激光焊,采用旋转对称的高斯函数描述热流密度分布;柱状体热源则用于电阻焊等均匀加热场景,尽管物理上不够精确,但计算速度快。文中还提供了具体的MATLAB代码实现,并分享了参数调试的经验和注意事项。 适合人群:从事焊接仿真研究的技术人员、研究生以及相关领域的研究人员。 使用场景及目标:帮助用户选择合适的热源模型进行焊接仿真,确保仿真结果的准确性。同时,提供实用的参数调试技巧,避免常见错误,提高仿真的效率和可靠性。 其他说明:强调了不同热源模型的特点及其适用场景,提醒用户根据实际情况灵活调整参数,并结合实验数据进行验证。

  • 带你去认识RFID技术

    带你去认识RFID技术

  • 开关磁阻电机(SRM)的Matlab与Maxwell仿真建模及控制策略研究

    内容概要:本文深入探讨了开关磁阻电机(SRM)的仿真方法和技术细节,涵盖了从Matlab仿真模型搭建到Maxwell有限元仿真的全过程。首先介绍了SRM的基本参数设置及其在Simulink中的电磁关系建模,接着详细讲解了两种常见的控制策略:电流斩波控制(CCC)和角度位置控制(APC)。随后讨论了Maxwell中SRM几何结构的精确建模、材料属性设置及网格划分技巧,并阐述了转矩分配函数(TSF)和直接转矩控制(DTC)的具体实现。最后分享了一些实用的仿真优化建议,如响应面法和遗传算法的应用。 适合人群:从事电机控制系统设计的研发工程师、高校师生及相关领域的研究人员。 使用场景及目标:适用于希望深入了解SRM工作原理并掌握其仿真技能的专业人士;旨在帮助读者构建高效的SRM仿真平台,提高电机性能,降低开发成本。 其他说明:文中提供了大量MATLAB代码片段和Maxwell建模指导,便于读者理解和实践。此外,还提到了许多实际操作中的注意事项和常见错误,有助于避免不必要的弯路。

  • Windows 10 Enterprise G 麦克风摄像头开关工具

    一键打开或关闭Windows 10 Enterprise G 麦克风或摄像头

Global site tag (gtag.js) - Google Analytics