阅读更多

1顶
0踩

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

1、强大的CSS3动画库animate.css 50多种动画形式

今天要给大家介绍一款强大的CSS3动画库animate.css,animate.css定义了大概50多种动画形式,包括淡入淡出,文字飞入、左右摇摆动画等等。使用animate.css也非常简单,你可以给页面上的任意元素,特别是文字添加各种神奇的动画特效,一起来尝试一下吧。

在线演示 / 源码下载

2、jQuery仿Android锁屏图案应用插件

在Android应用中,我们经常会使用一种锁屏应用软件,你需要输入正确的连线顺序才能解开Android屏幕桌面。今天这次我们要利用jQuery来实现这种锁屏功能,例子中提供了很多种锁屏方式,也可以自定义矩阵来增加锁屏的难度。

在线演示 / 源码下载

3、jQuery消息提示框插件Tipso

之前我们分享过很多漂亮的Tooltip提示框插件,比如这款带Tooltip表单验证的注册表单。今天要分享的这款jQuery消息提示框插件名叫Tipso,它的特点是可以定义提示框的显示位置,以及动态改变提示框的提示内容,应该说是一款相当灵活的jQuery消息提示框插件。

在线演示 / 源码下载

4、CSS3 Loading进度条加载动画特效

前面我向大家分享了几款非常漂亮的CSS3进度条插件,CSS3 SVG 进度条 Loading 动画纯CSS3进度条 华丽5色进度条示例。今天我要分享一款更加炫酷的CSS3进度条加载动画特效,该动画特效有3个不同的风格,注意,IE6,7,8是不支持该进度条动画的。

在线演示 / 源码下载

5、jQuery实现美化版的单选框和复选框

之前我们分享过一款CSS3自定义发光radiobox单选框,也在很早的时候分享过一款纯CSS3美化Checkbox和Radiobox按钮。今天这款是利用jQuery实现的美化版单选框和复选框,样式风格非常简洁清爽,是一款很不错的jQuery按钮插件。

在线演示 / 源码下载

6、新款CSS3按钮组合 5组可爱CSS3按钮

之前我分享过一些时尚的CSS3动画按钮,比如CSS3渲染Checkbox实现3D开关切换按钮纯CSS3 3D按钮 按钮酷似牛奶般剔透等等。今天就再来分享一款可爱的CSS3按钮组合,该CSS3按钮一共有5种不同的风格,有几款还有3D立体的效果。一起来欣赏这些可爱的CSS3按钮吧。

在线演示 / 源码下载

7、简洁美观的jQuery计算器插件

今天小编要为大家分享一款基于jQuery的计算器插件,这款jQuery计算器插件跟之前分享的jQuery实现简易的计算器程序相比外观更加简洁和美观,计算器的功能上也比那款强大。有兴趣的同学可以继续为这款计算器扩展功能,应该也不是难事。

在线演示 / 源码下载

8、CSS3图片层叠展开特效 可展开扇形效果

今天要分享的这款CSS3图片特效没有那么绚丽,它的功能非常简单,当你把鼠标移到图片上时,多张图片便会由原先的叠在一起变成展开状态,展开过程中伴随CSS3动画,展开的形状是扇形。这款简单的CSS3图片层叠展开动画可以应用在图片展示和图片分享上。

在线演示 / 源码下载

9、纯CSS3进度条 华丽5色进度条示例

这是一款利用纯CSS3实现的进度条,它的实现非常简单,没有复杂的动画,该CSS3进度条最大的特点是拥有非常漂亮的5种颜色,整个进度条看上去非常专业。这款CSS3进度条和之前的CSS3 3D进度条相比显得更简单易用。

在线演示 / 源码下载

以上就是9个超实用jQuery/CSS3应用插件欣赏,欢迎收藏分享。
  • 大小: 17.8 KB
  • 大小: 10.3 KB
  • 大小: 31.8 KB
  • 大小: 13.7 KB
  • 大小: 9.1 KB
  • 大小: 57.9 KB
  • 大小: 11.2 KB
  • 大小: 41.6 KB
  • 大小: 29.6 KB
来自: html5tricks
1
0
评论 共 2 条 请登录后发表评论
2 楼 leiwuluan 2017-09-08 13:37
  啦 啦 啦
1 楼 liuchang615270 2017-09-08 11:41
做为一个写后台的感觉很漂亮

发表评论

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

相关推荐

  • 分享7款非常实用的jQuery/CSS3插件演示和源码

    上次我们分享了15款效果很酷的最新jQuery/CSS3特效,非常不错,今天要分享7个非常实用的jQuery/CSS3插件演示和源码,一起来看看。 1、jQueryajax点击地图显示商家网点分布 DEMO演示 / 源码下载 2、纯CSS3实现的...

  • jQuery/CSS3炫酷动画效果插件 animate

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

  • html5插件是做什么的,分享10款功能强大的HTML5/CSS3应用插件

    今天我们整理了10款功能非常强大的HTML5/CSS3应用插件供大家学习和使用,希望各位喜欢,可以分享给你的朋友。1、纯CSS3美化Checkbox和Radiobox按钮 外观很时尚利用CSS3我们可以打造非常具有个性化的用户表单,今天...

  • html5 抖动效果,10款jQuery/CSS3实现网页元素抖动特效

    1.jQuery垂直滑动切换焦点图动对于jQuery垂直焦点图,我们之前已经分享过不少了,其中比较经典的这款jQuery纵向滑块焦点图插件,效果非常不错。今天我们要再介绍一款jQuery垂直滑动切换的焦点图动画,整个jQuery焦点...

  • html5css3超炫效果,精挑细选12款大气的HTML5/CSS3应用

    原标题:精挑细选12款大气的HTML5/CSS3应用上周我们也整理了不少精美的HTML5/CSS3应用插件,包括图片特效、网页菜单、Tab选项卡、按钮特效等。今天我们精选了12款大气的HTML5/CSS3应用插件,分享给大家。1、CSS3华丽...

  • 8个超实用的jQuery插件应用

    自jQuery诞生以来,jQuery社区都在不断地、自发地为jQuery创建许许多多功能不一的插件应用,很多jQuery插件非常实用,对我们的前端开发帮助相当大,不仅可以更完美的完成指定功能...本文收集了8个超实用的jQuery...

  • 10款功能强大的HTML5/CSS3应用插件

    今天我们整理了10款功能非常强大的HTML5/CSS3应用插件供大家学习和使用,希望各位喜欢。  1、纯CSS3美化Checkbox和Radiobox按钮,外观很时尚  利用CSS3我们可以打造非常具有个性化的用户表单,今天我们就利用CSS...

  • 15个无比华丽的HTML5/CSS3动画应用

    本文主要分享了15个无比华丽的HTML5/CSS3动画应用,供大家参考学习。1、HTML5/CSS3图片选择动画 可选择多张图片今天我们来分享一款既炫酷又实用的HTML5图片选择特效,当图片被选中时,图片上就会覆盖一个半透明的层...

  • h5优秀控件_精挑细选 12款大气的HTML5/CSS3应用

    本文作者html5tricks,转载请注明出处上周我们也...今天我们要再来分享一款基于CSS3的华丽Tab菜单,这款Tab菜单的菜单项是一个个小图标,鼠标滑过时,菜单项展示对应文字,并出现展开的动画。2、CSS3二级下拉动画菜...

  • 8个超炫酷的jQuery相册插件欣赏

    在网页中,相册应用十分常见,如果你经常逛一些社交网站,那么你应该会注意到很多各式各样的网页相册应用。今天我们要来分享一些最新收集的...之前我们分享过很多炫酷和实用的jQuery焦点图插件,比如jQuery仿Flash...

  • 无线电能传输中电动汽车充电的Matlab与Maxwell仿真:线圈结构与补偿拓扑优化

    内容概要:本文详细介绍了无线电能传输技术在电动汽车充电中的应用,特别是在Matlab和Maxwell中的仿真过程。首先讨论了SS补偿拓扑的Matlab仿真,展示了如何设置线圈参数、进行谐振匹配以及通过相量分析判断软开关状态。接着探讨了Maxwell中DD线圈的3D电磁场仿真,强调了自定义网格划分和涡流场计算的重要性。随后,文章深入研究了多线圈阵列仿真,揭示了不同线圈布局对耦合系数的影响,并提出了LCC补偿拓扑的应用。此外,文中还分享了许多实用技巧,如避免常见错误、优化仿真参数以及处理实际测试中的问题。 适合人群:从事无线电能传输研究的技术人员、研究生及以上学历的研究人员。 使用场景及目标:适用于需要深入了解无线电能传输技术及其仿真的研究人员和技术开发者,旨在帮助他们掌握Matlab和Maxwell的具体应用,提高仿真精度和效率。 其他说明:文章不仅提供了详细的代码示例和仿真步骤,还分享了作者的实际经验和教训,使读者能够更好地理解和应对仿真过程中遇到的问题。

  • 用户增删改查功能的前端页面,添加了vue渲染代码

    用户增删改查功能的前端页面,添加了vue渲染代码。

  • 计算机课程设计相关资源

    计算机课程设计相关资源

  • 基于51单片机protues仿真的猜数字游戏(仿真图、源代码、AD原理图、流程图)

    基于51单片机protues仿真的猜数字游戏(仿真图、源代码、AD原理图、流程图) 猜数字游戏 1、通过随机数实现该游戏; 2、按下K1键启动游戏并随机生成一个0~9的数字 3、通过矩阵按键输入你的数字,输入数字小于随机生成的数字则显示小于该数,大于的时候显示大于该数,直到相等为止。 4、仿真图、源代码、AD原理图、流程图;

  • 基于MATLAB的FOC滑膜观测器与锁相环(MATLAB 2021b)实现及硬件移植注意事项

    内容概要:本文详细介绍了利用MATLAB 2021b搭建的FOC滑膜观测器(SMO)与锁相环(PLL)的仿真模型及其在M4硬件平台上的实现方法。文中首先展示了SMO的核心代码,解释了如何通过滑模面计算和符号函数处理来估算反电动势,并讨论了PLL用于速度提取的具体实现。接着探讨了仿真环境中直接0速闭环启动的效果以及实际硬件实现时所需的开环启动策略。此外,文章还分享了多个调试过程中遇到的问题及解决方案,如相位跳变、高频振荡、电流环参数调整等。 适合人群:从事电机控制研究的技术人员,尤其是对无感FOC感兴趣的工程师。 使用场景及目标:适用于希望深入了解FOC滑膜观测器和锁相环的工作原理并尝试将其应用于实际项目的开发者。目标是掌握SMO+PLL组合的设计思路和技术细节,同时了解硬件移植时需要注意的实际问题。 其他说明:文中提供了大量实用的代码片段和调试经验,对于想要快速入门或优化现有系统的读者非常有帮助。特别强调了仿真与现实之间的差异,提醒读者注意参数选择和滤波器设计等方面的不同之处。

  • 汽车美容员工手册.doc

    汽车美容员工手册.doc

  • 基于PSO算法的配电网分布式光伏选址定容优化及其Matlab实现

    内容概要:本文详细介绍了利用粒子群优化(PSO)算法解决配电网中分布式光伏系统的选址与定容问题的方法。首先阐述了问题背景,即在复杂的配电网环境中选择合适的光伏安装位置和确定合理的装机容量,以降低网损、减小电压偏差并提高光伏消纳效率。接着展示了具体的PSO算法实现流程,包括粒子初始化、适应度函数构建、粒子位置更新规则以及越界处理机制等关键技术细节。文中还讨论了目标函数的设计思路,将多个相互制约的目标如网损、电压偏差和光伏消纳通过加权方式整合为单一评价标准。此外,作者分享了一些实践经验,例如采用前推回代法进行快速潮流计算,针对特定应用场景调整权重系数,以及引入随机波动模型模拟光伏出力特性。最终实验结果显示,经过优化后的方案能够显著提升系统的整体性能。 适用人群:从事电力系统规划与设计的专业人士,尤其是那些需要处理分布式能源集成问题的研究人员和技术人员。 使用场景及目标:适用于希望深入了解如何运用智能优化算法解决实际工程难题的人士;旨在帮助读者掌握PSO算法的具体应用方法,从而更好地应对配电网中分布式光伏系统的选址定容挑战。 其他说明:文中提供了完整的Matlab源代码片段,便于读者理解和复现研究结果;同时也提到了一些潜在改进方向,鼓励进一步探索和创新。

  • 晋升考核制度.pptx

    晋升考核制度.pptx

  • 计网-主机发送IP数据报的过程思维导图

    计网-主机发送IP数据报的过程思维导图

Global site tag (gtag.js) - Google Analytics