编程 Javascript

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

Posted in Javascript onApril 25, 2013

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

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

这个小程序可以让你在网站上轻松的添加一个抽奖应用，应用是基于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特效很炫吧，赶紧收藏吧！

7款吸引人眼球的jQuery/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