Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jquery 教程  >  正文 7款吸引人眼球的jQuery/CSS3特效实例分享

7款吸引人眼球的jQuery/CSS3特效实例分享

发布时间:2013-12-29   编辑:www.jquerycn.cn
jQuery和CSS3对于web前端开发肯定用得也比较多,接下来分享一些由jQuery和CSS3制作成的特效,希望对哪些喜欢学习特效的朋友有所帮助

作为WEB前端开发者,jquery和CSS3肯定用得也比较多,那么下面就分享一些由jQuery和CSS3制作成的特效,希望大家会喜欢。

1、基于jQuery和CSS3的圆盘抽奖

这个小程序可以让你在网站上轻松的添加一个抽奖应用,应用是基于jQuery和CSS3开发的,圆盘抽奖很好玩的哦,你抽中了什么?


在线演示 /源码下载

2、纯CSS3实现的点击发光按钮特效

这款按钮时基于纯CSS3实现的,当用户点击按钮的瞬间,按钮四周会发出淡淡的白光效果,是一款非常有特色的按钮。


在线演示 /源码下载

3、jQuery仿QQ登陆表单

这又是一款模仿的表单,这次模仿的是QQ的登录表单,基于jQuery,可以有帐号登录和微信登录两种方式。


在线演示  /  源码下载

4、CSS3眼睛跟随鼠标转动特效

这个特效很简单,你只需移动鼠标,就看到两只大眼睛在那里跟着鼠标转动,有意思吧。


在线演示  /  源码下载

5、jquery ui模拟图标回收站

这款素材是基于jQuery和CSS3实现的模拟回收站的功能,利用鼠标拖动图标,将文件移出至回收站。


在线演示  /  源码下载

6、jQuery滑动式图片幻灯片播放特效

这是一款非常具有立体感的图片播放特效。它以幻灯片的方式播放图片,并且带有左右箭头播放上一张和下一张图片,每张图片有倒影特效。


在线演示  /  源码下载

7、jQuery / CSS3 图片层叠效果

这是一款基于jQuery和CSS3的图片堆栈层叠插件,当鼠标滑过图片后,一开始折叠的图片就会像扇子一样展开来,非常流畅自然


在线演示  /  源码下载

以上7款吸引你眼球的CSS3特效很炫吧,赶紧收藏吧!

您可能感兴趣的文章:
7款吸引人眼球的jQuery/CSS3特效实例分享
精心挑选的12款优秀的基于jQuery的手风琴效果插件和教程
精心挑选的12款优秀的基于jQuery的手风琴效果插件和教程
7款风格新颖的jQuery/CSS3菜单导航分享
改善用户体验的五款jQuery插件分享
40款非常棒的jQuery 插件和制作教程(系列二)
12款经典的白富美型—jquery图片轮播插件—前端开发必备
推荐40个非常优秀的jQuery插件和教程【系列三】
推荐40个简单的 jQuery 导航插件和教程(下篇)
分享精心挑选的12款优秀jQuery Ajax分页插件和教程

[关闭]