编程 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 常见学习网站与参考书

Nov 09 Javascript

JS阻止冒泡事件以及默认事件发生的简单方法

Jan 17 Javascript

使用jQuery时Form表单元素ID和name命名大忌

Mar 06 Javascript

JQuery 给元素绑定click事件多次执行的解决方法

Sep 09 Javascript

jQuery中siblings()方法用法实例

Jan 08 Javascript

微信小程序购物车简单实例

Oct 24 Javascript

JavaScript和jQuery制作光棒效果

Feb 24 Javascript

node.js中使用Export和Import的方法

Sep 18 Javascript

利用JQUERY实现多个AJAX请求等待的实例

Dec 14 jQuery

vue解决使用webpack打包后keep-alive不生效的方法

Sep 01 Javascript

Javascript的this详解

Mar 23 Javascript

Ant Design Vue 添加区分中英文的长度校验功能

Jan 21 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

用session做客户验证时的注意事项

2006/10/09 PHP

关于PHP内存溢出问题的解决方法

2013/06/25 PHP

php switch语句多个值匹配同一代码块的实现

2014/03/03 PHP

php字符比较函数similar_text、strnatcmp与strcasecmp用法分析

2014/11/18 PHP

ThinkPHP添加更新标签的方法

2014/12/05 PHP

Ubuntu中启用php的mail()函数并解决发送邮件速度慢问题

2015/03/27 PHP

Laravel5.1框架注册中间件的三种场景详解

2019/07/09 PHP

laravel 查询数据库获取结果实现判断是否为空

2019/10/24 PHP

jQuery选择id属性带有点符号元素的方法

2015/03/17 Javascript

jQuery实现简洁的导航菜单效果

2015/11/23 Javascript

一分钟理解js闭包

2016/05/04 Javascript

关于JSON.parse(),JSON.stringify(),jQuery.parseJSON()的用法

2016/06/30 Javascript

js中json处理总结之JSON.parse

2016/10/14 Javascript

微信小程序 action-sheet详解及实例代码

2016/11/09 Javascript

微信小程序 flex实现导航实例详解

2017/04/26 Javascript

jQuery滚动插件scrollable.js用法分析

2017/05/25 jQuery

使用node.js实现微信小程序实时聊天功能

2018/08/13 Javascript

世界上最短的数字判断js代码

2019/09/09 Javascript

解决layer弹出层msg的文字不显示的问题

2019/09/11 Javascript

keep-Alive搭配vue-router实现缓存页面效果的示例代码

2020/06/24 Javascript

vue tab滚动到一定高度,固定在顶部,点击tab切换不同的内容操作

2020/07/22 Javascript

[00:33]2018DOTA2亚洲邀请赛TNC出场

2018/04/04 DOTA

利用Python脚本在Nginx和uwsgi上部署MoinMoin的教程

2015/05/05 Python

利用python模拟实现POST请求提交图片的方法

2017/07/25 Python

Python模糊查询本地文件夹去除文件后缀的实例(7行代码)

2017/11/09 Python

Pytorch加载部分预训练模型的参数实例

2019/08/18 Python

Python pickle模块实现对象序列化

2019/11/22 Python

Python ellipsis 的用法详解

2020/11/20 Python

python 解决函数返回return的问题

2020/12/05 Python

以下的初始化有什么区别

2013/12/16 面试题

初三学习决心书

2014/03/11 职场文书

学生评语集锦

2015/01/04 职场文书

幼儿园万圣节活动总结

2015/05/05 职场文书

后天观后感

2015/06/08 职场文书

运动会通讯稿50字

2015/07/20 职场文书

《家世》读后感：看家训的力量

2019/12/30 职场文书