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

js以对象为索引的关联数组

Jul 04 Javascript

jquery 操作表格实现代码(多种操作打包)

Mar 20 Javascript

javascript实现时间格式输出FormatDate函数

Jan 13 Javascript

jQuery实现在textarea指定位置插入字符或表情的方法

Mar 11 Javascript

js实现可键盘控制的简单抽奖程序

Jul 13 Javascript

JQuery 设置checkbox值二次无效的解决方法

Jul 22 Javascript

js检测离开或刷新页面时表单数据是否更改的方法

Aug 02 Javascript

Vue-cli proxyTable 解决开发环境的跨域问题详解

May 18 Javascript

Router解决跨模块下的页面跳转示例

Jan 11 Javascript

vue项目使用axios发送请求让ajax请求头部携带cookie的方法

Sep 26 Javascript

ES6入门教程之let、const的使用方法

Apr 13 Javascript

vue限制输入框只能输入8位整数和2位小数的代码

Nov 06 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/12/06 PHP

php简单封装了一些常用JS操作

2007/02/25 PHP

PHP Squid中可缓存的动态网页设计

2008/09/17 PHP

让PHP以ROOT权限执行系统命令的方法

2011/02/10 PHP

PHP判断图片格式的七种方法小结

2013/06/03 PHP

php一次性删除前台checkbox多选内容的方法

2013/09/22 PHP

Laravel学习教程之request validation的编写

2017/10/25 PHP

PHP JWT初识及其简单示例

2018/10/10 PHP

PHP 观察者模式深入理解与应用分析

2019/09/25 PHP

JavaScript Cookie的读取和写入函数

2009/12/08 Javascript

jquery实现的元素的left增加N像素鼠标移开会慢慢的移动到原来的位置

2010/03/21 Javascript

javascript模拟实现C# String.format函数功能代码

2013/11/25 Javascript

JavaScript中的cacheStorage使用详解

2015/07/29 Javascript

jquery模拟实现鼠标指针停止运动事件

2016/01/12 Javascript

详解JavaScript中数组的reduce方法

2016/12/02 Javascript

JavaScript中object和Object的区别(详解)

2017/02/27 Javascript

详解前端路由实现与react-router使用姿势

2017/08/07 Javascript

Vue之mixin全局的用法详解

2018/08/22 Javascript

@angular前端项目代码优化之构建Api Tree的方法

2018/12/24 Javascript

JavaScript学习笔记之DOM操作实例分析

2019/01/08 Javascript

使用Vue CLI创建typescript项目的方法

2019/08/09 Javascript

vue+element-ui+axios实现图片上传

2019/08/20 Javascript

JavaScript组合设计模式--改进引入案例分析

2020/05/23 Javascript

Python实现矩阵加法和乘法的方法分析

2017/12/19 Python

利用Opencv中Houghline方法实现直线检测

2018/02/11 Python

python批量获取html内body内容的实例

2019/01/02 Python

python实现批量nii文件转换为png图像

2019/07/18 Python

Python word文本自动化操作实现方法解析

2020/11/05 Python

CSS3 clip-path 用法介绍详解

2018/03/01 HTML / CSS

关于css中margin的值和垂直外边距重叠问题

2020/10/27 HTML / CSS

院药学专业个人求职信

2013/09/21 职场文书

教师批评与自我批评（群众路线）

2014/10/15 职场文书

2016廉洁教育心得体会

2016/01/20 职场文书

初中语文教学反思范文

2016/03/03 职场文书

2016年第二十届“母亲节暨幸福工程救助贫困母亲活动日”活动总结

2016/04/06 职场文书

Python数据结构之队列详解

2022/03/21 Python