编程 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实现固定顶部导航效果(仿蘑菇街)

Mar 21 Javascript

jQuery.fn和jQuery.prototype区别介绍

Oct 05 Javascript

jquery获取元素值的方法(常见的表单元素)

Nov 15 Javascript

document.forms[].submit()使用介绍

Feb 19 Javascript

indexOf 和 lastIndexOf 使用示例介绍

Sep 02 Javascript

Bootstrap 模态对话框只加载一次 remote 数据的完美解决办法

Jul 09 Javascript

vue loadmore 组件滑动加载更多源码解析

Jul 19 Javascript

JavaScript模拟实现封装的三种方式及写法区别

Oct 27 Javascript

JS动态插入脚本和插入引用外部链接脚本的方法

May 21 Javascript

深入浅出理解JavaScript高级定时器原理与用法

Aug 02 Javascript

vue 中 beforeRouteEnter 死循环的问题

Apr 23 Javascript

js中的面向对象之对象常见创建方法详解

Dec 16 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 park、unpark、ord 函数使用方法（二进制流接口应用实例）

2010/10/19 PHP

PHP利用APC模块实现文件上传进度条的方法

2015/01/26 PHP

关于PHP文件的自动运行方法分析

2016/05/13 PHP

php阳历转农历优化版

2016/08/08 PHP

PHP怎样用正则抓取页面中的网址

2016/08/09 PHP

PHP数组array类常见操作示例

2020/05/15 PHP

JQuery教学之性能优化

2014/05/14 Javascript

jquery+php实现搜索框自动提示

2014/11/28 Javascript

原生js获取元素样式的简单方法

2016/08/06 Javascript

使用UrlConnection实现后台模拟http请求的简单实例

2017/01/04 Javascript

基于JS实现9种不同的面包屑和分布式多步骤导航效果

2017/02/21 Javascript

jQuery模拟窗口抖动效果

2017/03/15 Javascript

利用Mongoose让JSON数据直接插入或更新到MongoDB

2017/05/03 Javascript

vue使用vue-cli快速创建工程

2017/07/28 Javascript

Vue.js 中取得后台原生HTML字符串原样显示问题的解决方法

2018/06/10 Javascript

关于layui导航栏不展示下拉列表的解决方法

2019/09/25 Javascript

Ant Design的Table组件去除

2020/10/24 Javascript

原生JS实现京东查看商品点击放大

2020/12/21 Javascript

Python中__name__的使用实例

2015/04/14 Python

简单介绍Python中用于求最小值的min()方法

2015/05/15 Python

Python matplotlib通过plt.scatter画空心圆标记出特定的点方法

2018/12/13 Python

python 发送和接收ActiveMQ消息的实例

2019/01/30 Python

python实现大战外星人小游戏实例代码

2019/12/26 Python

Python爬虫回测股票的实例讲解

2021/01/22 Python

中国高端家电购物商城：顺电

2018/03/04 全球购物

英国领先的独立酒精饮料零售商：DrinkSupermarket

2021/01/13 全球购物

药物学专业学生的自我评价

2013/10/27 职场文书

金融专业应届生求职信

2013/11/02 职场文书

五型班组建设方案

2014/02/10 职场文书

设计大赛策划方案

2014/06/13 职场文书

2014年仓管员工作总结

2014/11/18 职场文书

党员倡议书

2015/01/19 职场文书

北京故宫导游词

2015/01/31 职场文书

大学四年个人总结

2015/03/03 职场文书

钱学森电影观后感

2015/06/04 职场文书

Python开发五子棋小游戏

2022/04/28 Python