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


Posted in Javascript onApril 25, 2013

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

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

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

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

在线演示 /源码下载

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

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

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

在线演示 /源码下载

3、jQuery仿QQ登陆表单

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

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

在线演示  /  源码下载

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

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

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

在线演示  /  源码下载

5、jQuery UI模拟图标回收站

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

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

在线演示  /  源码下载

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

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

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

在线演示  /  源码下载

7、jQuery / CSS3 图片层叠效果

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

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

在线演示  /  源码下载

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

Javascript 相关文章推荐
jQuery 注意事项 与原因分析
Apr 24 Javascript
Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
Nov 14 Javascript
javascript 弹出的窗口返回值给父窗口具体实现
Nov 23 Javascript
js实现图片从左往右渐变切换效果的方法
Feb 06 Javascript
jQuery实现简单的间隔向上滚动效果
Mar 09 Javascript
AngularJS 过滤器(自带和自建)详解
Sep 19 Javascript
JS 设置Cookie 有效期 检测cookie
Jun 15 Javascript
对vuex中getters计算过滤操作详解
Nov 06 Javascript
微信小程序实现签字功能
Dec 23 Javascript
node.js express捕获全局异常的三种方法实例分析
Dec 27 Javascript
Vue使用轮询定时发送请求代码
Aug 10 Javascript
React 条件渲染最佳实践小结(7种)
Sep 27 Javascript
JQUERY对单选框(radio)操作的小例子
Apr 25 #Javascript
jQuery中 noConflict() 方法使用
Apr 25 #Javascript
只需20行代码就可以写出CSS覆盖率测试脚本
Apr 24 #Javascript
js Array对象的扩展函数代码
Apr 24 #Javascript
网页中返回顶部代码(多种方法)另附注释说明
Apr 24 #Javascript
onkeypress字符按键兼容所有浏览器使用介绍
Apr 24 #Javascript
纯JS实现五子棋游戏兼容各浏览器(附源码)
Apr 24 #Javascript
You might like
PHP 7的一些引人注目的新特性简单介绍
2015/11/08 PHP
PHP+mysql实现从数据库获取下拉树功能示例
2017/01/06 PHP
php 判断IP为有效IP地址的方法
2018/01/28 PHP
laravel 5.4 + vue + vux + element的环境搭配过程介绍
2018/04/26 PHP
非常漂亮的JS代码经典广告
2007/10/21 Javascript
Jquery 设置标题的自动翻转
2009/10/03 Javascript
javascript 操作Word和Excel的实现代码
2009/10/26 Javascript
基于JQuery的6个Tab选项卡插件
2010/09/03 Javascript
jQuery数组处理方法汇总
2011/06/20 Javascript
用示例说明filter()与find()的用法以及children()与find()的区别分析
2013/04/26 Javascript
node.js中使用socket.io制作命名空间
2014/12/15 Javascript
js简单实现表单中点击按钮动态增加输入框数量的方法
2015/08/18 Javascript
js中substring和substr两者区别和使用方法
2015/11/09 Javascript
jQuery实现下拉框多选 jquery-multiselect 的实例代码
2016/07/14 Javascript
基于Vue2.0的分页组件
2017/03/16 Javascript
借助node实战JSONP跨域实例
2017/03/30 Javascript
p5.js入门教程之键盘交互
2018/03/19 Javascript
jQuery实现高级检索功能
2019/05/28 jQuery
微信小程序实现pdf、word等格式文件上传的方法
2019/09/10 Javascript
VUE:vuex 用户登录信息的数据写入与获取方式
2019/11/11 Javascript
[01:18:45]DOTA2-DPC中国联赛 正赛 DLG vs Dragon BO3 第三场2月1日
2021/03/11 DOTA
Python Sqlite3以字典形式返回查询结果的实现方法
2016/10/03 Python
Python之str操作方法(详解)
2017/06/19 Python
Tensorflow 合并通道及加载子模型的方法
2018/07/26 Python
Python列表list排列组合操作示例
2018/12/18 Python
Python3 chardet模块查看编码格式的例子
2019/08/14 Python
python集合常见运算案例解析
2019/10/17 Python
基于Python生成个性二维码过程详解
2020/03/05 Python
Matplotlib使用Cursor实现UI定位的示例代码
2020/03/12 Python
在keras下实现多个模型的融合方式
2020/05/23 Python
英国著名的化妆品折扣网站:Allbeauty.com
2016/07/21 全球购物
Parts Express:音频、视频和扬声器的第一来源
2017/04/25 全球购物
预备党员承诺书
2014/03/25 职场文书
医院安全生产月活动总结
2014/07/05 职场文书
团支部组织委员竞选稿
2015/11/21 职场文书
低门槛开发iOS、Android、小程序应用的前端框架详解
2021/10/16 Javascript