阅读更多

9顶
1踩

Web前端

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

2014-05-28 16:08 by 见习编辑 html5_dev 评论(5) 有8397人浏览
本文我们精选了最新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技术的重力感应游戏,一些积木从天而降,你可以拖动鼠标甩动这些...

  • 基于模拟退火算法与A*算法融合的送餐机器人多目标点路径规划策略,多目标点路径规划-模拟 火算法+A*算法 送餐机器人多目标点路径规划,室内AGV路径规划 基于模拟 火算法融合A*算法的移动机器人

    基于模拟退火算法与A*算法融合的送餐机器人多目标点路径规划策略,多目标点路径规划---模拟 火算法+A*算法 送餐机器人多目标点路径规划,室内AGV路径规划。 基于模拟 火算法融合A*算法的移动机器人路径规划 1,从厨房出发,移动到多个目标点,最后返回厨房。 2,采用A*算法规划两点间的距离,然后依据规划路径距离模拟 火算法运算全过程最短距离。 旅行商的室内规划应用 ,多目标点路径规划; 模拟退火算法; A*算法; 送餐机器人; 室内AGV路径规划; 移动机器人路径规划; 厨房出发; 最短距离; 旅行商应用。,基于模拟退火算法与A*算法融合的送餐机器人多目标点路径规划系统

  • "谐波抑制Matlab Simulink仿真实践:有源无源混合型(PPF、APF)滤波效果对比报告",谐波抑制matlab simulink仿真,包含有源无源混合(ppf、apf,混合型)效果好可参考

    "谐波抑制Matlab Simulink仿真实践:有源无源混合型(PPF、APF)滤波效果对比报告",谐波抑制matlab simulink仿真,包含有源无源混合(ppf、apf,混合型)效果好可参考,有报告,下图为ppf滤波前后对比 ,谐波抑制; MATLAB Simulink仿真; 有源无源混合滤波; PPF与APF混合型; 滤波效果; 报告对比,Matlab Simulink仿真:混合型谐波抑制技术报告

  • 线上一流课程教学辅助系统 免费JAVA毕业设计 2024成品源码+论文+录屏+启动教程.zip

    线上一流课程教学辅助系统 免费JAVA毕业设计 2024成品源码+论文+录屏+启动教程 启动教程:https://www.bilibili.com/video/BV1jKDjYrEz1 项目讲解视频:https://www.bilibili.com/video/BV1Tb421n72S 二次开发教程:https://www.bilibili.com/video/BV18i421i7Dx

  • 沉浸式戏曲文化体验系统 免费JAVA毕业设计 2024成品源码+论文+录屏+启动教程.zip

    沉浸式戏曲文化体验系统 免费JAVA毕业设计 2024成品源码+论文+录屏+启动教程 启动教程:https://www.bilibili.com/video/BV1jKDjYrEz1 项目讲解视频:https://www.bilibili.com/video/BV1Tb421n72S 二次开发教程:https://www.bilibili.com/video/BV18i421i7Dx

  • 基于Matlab GUI界面的工件尺寸测量系统:数字图像处理技术在机械零件测量中的应用,- 标题:基于Matlab的工件测量系统 - 关键词:matlab GUI界面 工件尺寸测量 圆 长方形 直径

    基于Matlab GUI界面的工件尺寸测量系统:数字图像处理技术在机械零件测量中的应用,- 标题:基于Matlab的工件测量系统 - 关键词:matlab GUI界面 工件尺寸测量 圆 长方形 直径 周长 数字图像处理 - 步骤:打开图像 选择标签 灰度化 滤波(中值,均值,高斯) 二值化 边缘检测 尺寸测量 结果绘制在在GUI上 - 简述:使用matlab数字图像处理技术,处理锯片,垫片,螺丝等机械零件的尺寸,只要包含半径(内径和外径),周长,长宽等,并在原图上进行绘制,并展示在界面上。 ,Matlab; GUI界面; 图像处理; 尺寸测量; 圆; 长方形; 半径; 周长; 边缘检测; 机械零件,"基于Matlab GUI界面的工件尺寸测量系统"

Global site tag (gtag.js) - Google Analytics