阅读更多

13顶
0踩

Web前端

原创新闻 10 款强大绚丽的 jQuery/CSS3 特效

2013-05-31 10:00 by 见习编辑 html5_dev 评论(4) 有12680人浏览
作为前端开发者,也在网页中应用过不少jQuery和CSS3效果,但大部分都是找开源的插件代码来实现,下面是10款开发者非常喜欢的jQuery/CSS3插件应用,有几个你可能比较熟悉,一起来看看吧。

1、jQuery实现3D圆盘图片播放,支持鼠标滚轮

这款相片播放工具是基于jQuery实现的3D圆盘类型的,图片像是在圆盘上旋转一样,支持鼠标滚轮,而且图片有漂亮的tooltip。



在线演示  /  素材下载

2、CSS3灰色立体按钮

这组按钮也是利用CSS3技术实现的,按钮不仅实现圆形,圆角矩形,而且利用CSS3的阴影特效使按钮显得非常具有立体感。



在线演示  /  素材下载

3、CSS3底部阴影立体按钮

这组CSS3按钮设计很简单,利用CSS3中的box-shadow属性很好的实现了修边的阴影效果,并且按钮在点击的时候会有立体的视觉效果。



在线演示  /  素材下载

4、jQuery/CSS3左右拉伸动画菜单

这款菜单设计非常独特,当普通情况下,菜单只显示菜单项的LOGO图标,当鼠标滑过菜单项时,菜单项就向左右拉伸展开,该菜单基于jQuery。



在线演示  /  素材下载

5、jQuery手风琴相册集播放插件

这是一款基于jQuery的手风琴相册集播放插件,相册分四组,每一组均可展开播放相片。



在线演示  /  素材下载

6、jQuery时间轴焦点图

这款jQuery广告焦点图的特点是拥有一个时间轴,它会提示你离播放下一张图片还有多少时间,同时你也可以点击时间轴上的点来快速跳跃至你想播放的那张图片。



在线演示  /  素材下载

7、发光的CSS3登录表单

这框网页表单十分绚丽,在CSS3属性的应用下,表单周围将会有一个变幻的光圈,及其具有立体感和很棒的用户体验。



在线演示  /  素材下载

8、不同进度显示不同颜色的进度条

这款CSS3进度条和别的有所不同,他的主要特点是随着进度的变化,进度条的颜色会有所改变,这个和游戏中人物的生命值很相似。



在线演示  /  素材下载

9、简易的CSS3登录表单

和其他登录表单一样,这款CSS3登录表单也十分简单,但看上去十分清爽和美观,值得收藏。



在线演示  /  素材下载

10、CSS3立体飘带状菜单

这款菜单特效的效果是鼠标移过菜单项向下凹,也非常不错。



在线演示  /  素材下载

上面就是10款不错的jQuery/CSS3应用插件,部分示例由网页素材大全网站提供,转载请注明出处。
13
0
评论 共 4 条 请登录后发表评论
4 楼 junhaolee 2014-02-10 15:28
[align=left][/align]
3 楼 小_飞 2013-06-04 16:38
loogson 写道
在IE浏览器面前都是浮云

哈,说得有道理。
2 楼 loogson 2013-06-01 19:19
在IE浏览器面前都是浮云
1 楼 tanyuangen 2013-05-31 10:54
mark

发表评论

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

相关推荐

  • jQuery+CSS3打造效果绚丽的跑车开场动画特效.zip

    有兴趣刚需的可以自己下载,非常实用的特效代码,可以完美运行,有能力的还可以二次修改!

  • 科目三考试

    海淀驾校科目三考试注意事项 1 常犯错误 1.1 起步,踩油门太多,导致发动机转速过高。 解决方案:轻轻的松离合,当车头稍微颤抖时,轻轻的踩油门,当车子走动后,停止给油;车子走稳定后,完全松开离合。 注意远方和路两边的情况,做到及时停车,避让。 1.2 速度与档位不匹配。 注意转速表,速度

  • 驾驶技能考试 科目三

    科目三: 1 报告考官,学员***申请科目三考试 2 绕车一周,报告考官,检查完毕 3 上车,调整座椅,系安全带,报告考官,准备完毕 4 灯光模拟: 路上遇故障停车,         开启视廓灯、危险报警闪光灯 大雾                                 开启雾灯、危险报警闪光灯 夜间通过弯道、坡道、拱桥、人行横道或者没有交通信号控制的路口

  • 三个人分汤终极解答,四人分汤,多人分汤终极答案。

    网上其他的基本都是错误的答案呀。。思维不慎密。。终极正确答案在这里。。 今天看到道题目,感觉很有意思: 一间囚房里关押着两个犯人。每天监狱都会为这间囚房提供一罐汤,让这两个犯人自己来分。起初,这两个人经常会发生争执,因为他们总是有人认为对方的汤比自己的多。 后来他们找到了一个两全其美的办法:一个人分汤,让另一个人先选。于是争端就这么解决了,因为他们两个都觉得自己一点亏都没有吃。 可是,现在这间囚房里又加进来一个新犯人,监狱给了一碗肉汤,且只有这一次,现在是三个人

  • jQuery和CSS3超绚丽的3D星空动画特效

    jQuery和CSS3超绚丽的3D星空动画特效

  • jQuery+HTML5+CSS3绚丽变换组合特效代码

    jQuery+HTML5+CSS3绚丽变换组合是HTML5+CSS3+jQuery的图片组合照片墙。 jQuery+HTML5+CSS3绚丽变换组合特效图:

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

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

  • 分享33个jQuery与CSS3实现的绚丽鼠标悬停效果

    Direction-Aware Hover Effect With Css3 And Jquery(教程) 鼠标跟随悬停效果教程,话说以前看到这个很流行呢。 查看演示 Css3 Hover Effects With Websymbols Tutorial(教程) 查看演示 Magnifying Glass For ...

  • 10个基于jQuery/CSS3的图片特效素材

    3、jQuery带小图标的图片滑动焦点图 4、jQuery仿搜狗输入法首页焦点图 5、jQuery原始图片对比插件 6、jQuery仿腾讯游戏上古世纪焦点图 7、jQuery环形图片播放插件 8、jQuery抖动动画焦点图 9、jQuery带文字...

  • jQuery+CSS3进度条动画特效特效代码

    jQuery+CSS3进度条动画特效是一款色彩绚丽的进度条,代码简单,动画感强。

  • jQuery和CSS3炫酷按钮点击波特效

    这是一款效果非常炫酷的jQuery和CSS3炫酷按钮点击波特效。该特效当用户在菜单按钮上点击的时候,从鼠标点击的点开始,会有一道光波以改点为原点向外辐射的动画效果,非常绚丽。

  • jquery+css3华丽滚动效果特效代码

    jquery+css3华丽滚动效果是一款jQuery Smoove插件结合CSS3实现的绚丽动画效果。

  • jQuery+CSS3绚丽动画菜单.zip

    非常实用的特效代码,可以完美运行,可以二次修改!

  • CSS3 jquery结合anime.js插件实现18款炫丽文字动画特效.rar

    CSS3 jquery结合anime.js插件实现18款炫丽文字动画特效,源码中包括了演示文件、js文件和css代码。  打开index.html页面后,向下拖动滚动条,可查看这18种文字特效,每款都可通过控制按钮来预览动画效果。  anime....

  • 8款迷人的jQuery/CSS3 3D应用插件

    本文要向大家分享8款效果迷人的jQuery/CSS3 3D应用插件,有些需要在支持3D渲染的浏览器中实现,有些是利用jQuery和CSS3组合实现的伪3D效果,一起来看看吧。  1、纯CSS3和Checkbox实现3D按钮开关  这款CSS3...

  • 精选10款超酷的html5 css3菜单,精选10款超酷的HTML5/CSS3菜单

    今天向大家精选了10款超酷的HTML5/CSS3菜单,给你的网页添加不一样的精彩,一起来围观一下吧。1、CSS3手风琴菜单 下拉展开带弹性动画利用CSS3技术可以实现各种各样的网页菜单,我们之前也在CSS3菜单栏目中分享了许多...

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

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

  • 19款绚丽实用的jQuery/CSS3侧边栏菜单

    jQuery作为一款主流的JavaScript前端开发框架,深受广告开发者的亲睐,同时jQuery有着不计其数的插件,特别是菜单插件更为丰富,本文将要为大家介绍20个绚丽而实用的jQuery侧边栏菜单,这些侧边栏菜单可以用在不同...

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

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

  • 分享9款超酷的jQuery/CSS3插件

    今天要向大家分享9款很酷的jQuery/CSS3插件,欢迎收藏和分享,一起来看看吧。 1、jQuery向前滑动切换焦点图 这款jQuery焦点图非常绚丽,切换图片的时候每张图片是向前滑动的,很有3D立体的感觉。 在线...

Global site tag (gtag.js) - Google Analytics