编程 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 相关文章推荐

网站页面自动跳转实现方法PHP、JSP（下）

Aug 01 Javascript

19个很有用的 JavaScript库推荐

Jun 27 Javascript

jquery获取被勾选的checked(选中)的那一行的3列和4列的值

Jul 04 Javascript

javascript在子页面中函数无法调试问题解决方法

Jan 17 Javascript

js中top的作用深入剖析

Mar 04 Javascript

JQuery控制div外点击隐藏而div内点击不会隐藏的方法

Jan 13 Javascript

浅谈js和css内联外联注意事项

Jun 30 Javascript

微信小程序本地图片按照屏幕尺寸处理

Aug 04 Javascript

利用ES6的Promise.all实现至少请求多长时间的实例

Aug 28 Javascript

原生JS+HTML5实现的可调节写字板功能示例

Aug 30 Javascript

基于vue v-for 多层循环嵌套获取行数的方法

Sep 26 Javascript

用Golang运行JavaScript的实现示例

Nov 25 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动态图像的创建

2006/10/09 PHP

基于PHP读取TXT文件向数据库导入海量数据的方法

2013/04/23 PHP

smarty中post用法实例

2014/11/28 PHP

Symfony2安装的方法(2种方法)

2016/02/04 PHP

PHP开发制作一个简单的活动日程表Calendar

2016/06/20 PHP

PHP文件管理之实现网盘及压缩包的功能操作

2017/09/20 PHP

Javascript实现的分页函数

2006/12/22 Javascript

javascript实现的距离现在多长时间后的一个格式化的日期

2009/10/29 Javascript

jQuery 锚点跳转滚动条平滑滚动一句话代码

2010/04/30 Javascript

(jQuery,mootools,dojo)使用适合自己的编程别名命名

2010/09/14 Javascript

面向对象的Javascript之三(封装和信息隐藏)

2012/01/27 Javascript

每天一篇javascript学习小结（Boolean对象）

2015/11/12 Javascript

MVC Ajax Helper或Jquery异步加载部分视图

2015/11/29 Javascript

JS获取文件大小方法小结

2015/12/08 Javascript

微信小程序数组（增，删，改，查）等操作实例详解

2017/01/05 Javascript

整理关于Bootstrap警示框的慕课笔记

2017/03/29 Javascript

zTree获取当前节点的下一级子节点数实例

2017/09/05 Javascript

原生javascript实现的全屏滚动功能示例

2017/09/19 Javascript

vue中引用阿里字体图标的方法

2018/02/10 Javascript

layui实现动态和静态分页

2018/04/28 Javascript

详解ES6 Symbol 的用途

2018/10/14 Javascript

Element-ui el-tree新增和删除节点后如何刷新tree的实例

2020/08/31 Javascript

[15:15]教你分分钟做大人：狙击手

2014/10/30 DOTA

[01:14:12]2018DOTA2亚洲邀请赛4.7 总决赛 LGD vs Mineski 第二场

2018/04/09 DOTA

Python实现12306火车票抢票系统

2019/07/04 Python

numpy np.newaxis 的实用分享

2019/11/30 Python

Python 使用threading+Queue实现线程池示例

2019/12/21 Python

python 使用事件对象asyncio.Event来同步协程的操作

2020/05/04 Python

解决Keras TensorFlow 混编中 trainable=False设置无效问题

2020/06/28 Python

如何使用python记录室友的抖音在线时间

2020/06/29 Python

Keras实现DenseNet结构操作

2020/07/06 Python

行政助理岗位职责范文

2013/12/03 职场文书

药学职务聘任书

2014/03/29 职场文书

2014党员学习兰辉先进事迹思想汇报

2014/09/17 职场文书

社区灵活就业证明

2014/11/03 职场文书

邀请函样本

2015/02/02 职场文书