阅读更多

9顶
1踩

Web前端

原创新闻 8 款实用的 jQuery/CSS3 应用插件

2014-05-28 16:08 by 见习编辑 html5_dev 评论(5) 有8411人浏览
本文我们精选了最新8款经典实用的jQuery/CSS3应用插件,有按钮、菜单、图片等特效应用,欢迎收藏和分享。

1、jQuery滑过头像图片展示个人信息效果

这是一款经典的jQuery图片插件,同时,也可以是一款jQuery提示框插件。这款jQuery插件的功能是当你把鼠标滑过头像图片缩略图时,即可弹出头像对应用户的详细个人信息,弹出的标签虽然不大,但是还是能容纳很多个人信息的。



在线演示  /  源码下载

2、纯CSS3简易3D按钮,可配置背景颜色

今天我们要来分享一款相对简易的纯CSS3 3D按钮,其实要实现按钮的3D效果也比较简单,边线、阴影、投影,掌握好这几方面,就可以实现CSS3的3D按钮效果。今天的这款3D按钮可以自己配置背景颜色,因此按钮色彩非常丰富。



在线演示  /  源码下载

3、CSS3图片悬停放大特效

今天我们要来分享一款很酷的CSS3图片特效,这款图片特效可以利用鼠标滑过图片使其悬停放大,并使图片的周围出现发光的效果。配合黑色的背景,这款CSS3图片悬停放大效果显得更加立体大气,非常适合产品图片的展示。



在线演示  /  源码下载

4、CSS3实现文字输入效果

今天我们要来分享一款很酷的CSS3文字输入效果,它可以在屏幕上模拟我们键盘输入文字的效果,就像打印机打印一样。另外,接收文字输入的编辑器的外观也比较漂亮,当然文字的字体和颜色大家可以自行设置。



在线演示  /  源码下载

5、CSS3响应式横向菜单,支持不同尺寸屏幕

今天我们来介绍一款基于CSS3的响应式横向菜单,这款菜单可以折叠展开,同时菜单也支持在不同尺寸的屏幕上展现,换句话说,菜单不仅可以在PC上完美展现,也可以毫不逊色的在各种移动设备上运行。



在线演示  /  源码下载

6、响应式CSS3 Tab菜单,带小图标菜单

这次要介绍的这款响应式CSS3 Tab菜单非常不错,它看起来挺简单的,而且设计也干净利落,但是Tab菜单的实用性很强。每一个tab项都有文字和小图标,当屏幕宽度变小时,比如在手机上浏览,那文字会自动隐藏,只剩下小图标。



在线演示  /  源码下载

7、jQuery/CSS3淡入淡出下拉菜单

今天我们要来分享一款非常简单的jQuery/CSS3下拉菜单,这款菜单一共有两级子菜单,在子菜单展开的时候伴有淡入淡出的动画效果,菜单的背景是黑色的,显得比较庄重和大气。另外,如果能将菜单配置成任意级的就更加完美了。



在线演示  /  源码下载

8、jQuery实现3D图片翻牌切换,淡入淡出效果

今天我们要来分享一款利用jQuery实现的3D图片翻牌切换效果,当你点击上一张下一张按钮或者滚动滚轮的时候图片就能够以淡入淡出的方式切换,类似翻牌的效果,非常酷。



在线演示  /  源码下载

以上就是8款经典实用的jQuery/CSS3应用插件,欢迎收藏分享。原文链接:http://www.html5tricks.com/8-useful-jquery-css3-plugins.html
  • 大小: 44.7 KB
  • 大小: 10.8 KB
  • 大小: 39.9 KB
  • 大小: 24 KB
  • 大小: 48.9 KB
  • 大小: 29.9 KB
  • 大小: 17.8 KB
  • 大小: 56.4 KB
9
1
评论 共 5 条 请登录后发表评论
5 楼 paladin1988 2014-06-05 14:22
收藏一下,不错的效果。。
4 楼 hottymg 2014-06-04 08:45
mark
3 楼 jauking 2014-06-03 18:03
真是好东西,下个demo还要联网获取js;如果不是为了收费就没什么意思了
2 楼 jayung 2014-06-03 15:28
  mark
1 楼 sxwgf001 2014-05-29 08:24
都是好东西啊

发表评论

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

相关推荐

  • 7款实用而迷人的jQuery/CSS3插件下载

    今天我们要分享一些最新的jQuery/CSS3插件,每一个都提供源代码的下载,希望大家喜欢。 1、jQuery矢量SVG地图插件JVectorMap JVectorMap是一款基于jQuery的矢量地图插件,它是基于SVG结构的,和其他jQuery地图插件...

  • 10款jQuery/CSS3动画应用 超实用

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

  • jQuery/CSS3 3D Tab菜单选项卡插件

    之前我们分享过很多基于jQuery和CSS3的Tab选项卡菜单插件,很多都非常实用,比如这款jQuery五彩Tab选项卡动画,也有些非常炫酷,比如这款CSS3华丽的Tab菜单 带小图标动画。今天我们再分享一款jQuery/CSS3 3D Tab菜单...

  • 8款给力HTML5/CSS3应用插件 可爱的HTML5笑脸

    昨天我收集了8款效果给力的HTML5/CSS3应用插件,有一些HTML5动画非常绚丽,也有一些CSS3按钮比较实用,感兴趣的朋友都看看吧。 1、HTML5/CSS3实现笑脸动画 非常可爱 关于纯CSS3绘制的人物我们在之前就分享过一些了,...

  • 8款经典实用的jQuery/CSS3应用插件

    新的一周即将开始,今天我们精选了最新8款经典实用的jQuery/CSS3应用插件,有按钮、菜单、图片等特效应用,欢迎收藏和分享。1、jQuery滑过头像图片展示个人信息效果这是一款经典的jQuery图片插件,同时,也可以是一...

  • 炫酷实用的jQuery/CSS3动画搜索框集合

    解压密码:RJ4587 关于网页搜索框插件,我们介绍的并不是很多,记得之前分享过有一款HTML5...今天要分享的这款基于jQuery和CSS3搜索框也非常强大,它有好几组不同的搜索框展开动画效果,可以在很多地方应用搜索功能。

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

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

  • 9个超实用jQuery/CSS3应用插件欣赏

    jQuery是一款很强大的JavaScript框架,本文介绍的9个应用插件很多都是基于jQuery的,另外,CSS3的应用让这些插件增添了不少光彩,特别是第一个动画插件Animate.css非常实用,可以让你实现50多种不同的网页动画。...

  • jQuery/CSS3可拖动分页插件 分页功能很强大

    之前我们已经分享过一些jQuery分页插件,像jQuery/CSS3简单分页插件 有3D立体外观和精美jQuery分页插件 带滑动条分页,今天要分享的这款jQuery/CSS3分页插件和前面的那款类似,有具有滑动条,可以拖动滑动条快速跳转...

  • jQuery/CSS3彩色进度条插件 动态百分比提示

    今天要为大家分享一款非常实用的jQuery/CSS3彩色进度条插件,进度条的UI风格比较漂亮,进度实体部分有发光的动画特效。另外还有一个特点是,进度百分比会动态提示,让用户实时了解当前事件的进度情况,并且在结束时...

  • 实用jQuery/CSS3动画应用

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

  • 8款超酷体验的jQuery/CSS3应用插件

    这是一款基于jQuery和CSS3的Android Dock菜单效果,点击底部的按钮即可让应用图标浮动上来,并且按钮也出现3D的翻转效果。jQuery是一款应用十分广泛的javascript类库,很多前端开发者都十分青睐jQuery框架。 在线...

  • jQuery/CSS3 图片边框线条变换动画

    这次我们要来介绍一个相对比较实用的jQuery/CSS3应用,它可以让网页中的图片更加美观富有动画色彩。当我们将鼠标滑过图片时,图片周围的边框线条就会产生变换的动画特效,并且线条的颜色也会发生改变,我们可以将这...

  • 8款实用的jQuery/CSS3最新插件应用

    http://www.gbtags.com/gb/share/2727.htm

  • [转]8款实用的jQuery/CSS3最新插件应用

    今天给大家分享8款非常酷的最新jQuery/CSS3应用插件,废话少说,下面一起来看看这些插件吧。  1、HTML5重力感应积木游戏  这也是一款基于HTML5技术的重力感应游戏,一些积木从天而降,你可以拖动鼠标甩动这些...

  • 软件工程第三章实验报告.docx

    软件工程第三章实验报告.docx

  • 第三章-第八节通信礼仪.ppt

    第三章-第八节通信礼仪.ppt

  • 智能家居股份合作协议.docx

    智能家居股份合作协议.docx

  • 西门子S7-1200 PLC双轴定位控制在电池焊接中的应用与优化

    内容概要:本文详细介绍了基于西门子S7-1200 PLC的双轴定位控制系统在电池焊接项目中的应用。主要内容涵盖双轴定位算法的设计与实现,包括使用SCL语言编写的运动控制函数块,以及梯形图用于处理IO互锁和焊接时序控制。文中还讨论了威纶通触摸屏的界面设计,如动态元素映射、宏指令的应用,以及电气图纸的安全回路设计。此外,文章分享了多个调试技巧和注意事项,如加速度参数设置、伺服驱动器订货号核对、BOM清单管理等。 适合人群:从事工业自动化领域的工程师和技术人员,尤其是熟悉PLC编程和触摸屏界面设计的专业人士。 使用场景及目标:适用于需要深入了解PLC编程、运动控制算法、触摸屏界面设计及电气图纸绘制的工程项目。目标是提高双轴定位控制系统的精度和稳定性,确保电池焊接的质量和安全性。 其他说明:文中提供了完整的工程文件包下载链接,并强调了在实际应用中需要注意的具体事项,如硬件配置检查、参数调整等。

  • Simulink与Carsim联合仿真:基于PID与MPC的自适应巡航控制系统设计与实现

    内容概要:本文详细介绍了如何利用Simulink和Carsim进行联合仿真,实现基于PID(比例-积分-微分)和MPC(模型预测控制)的自适应巡航控制系统。首先阐述了Carsim参数设置的关键步骤,特别是cpar文件的配置,包括车辆基本参数、悬架系统参数和转向系统参数的设定。接着展示了Matlab S函数的编写方法,分别针对PID控制和MPC控制提供了详细的代码示例。随后讨论了Simulink中车辆动力学模型的搭建,强调了模块间的正确连接和参数设置的重要性。最后探讨了远程指导的方式,帮助解决仿真过程中可能出现的问题。 适合人群:从事汽车自动驾驶领域的研究人员和技术人员,尤其是对Simulink和Carsim有一定了解并希望深入学习联合仿真的从业者。 使用场景及目标:适用于需要验证和优化自适应巡航控制、定速巡航及紧急避撞等功能的研究和开发项目。目标是提高车辆行驶的安全性和舒适性,确保控制算法的有效性和可靠性。 其他说明:文中不仅提供了理论知识,还有大量实用的代码示例和避坑指南,有助于读者快速上手并应用于实际工作中。此外,还提到了远程调试技巧,进一步提升了仿真的成功率。

Global site tag (gtag.js) - Google Analytics