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

让FireFox支持innerText的实现代码

Dec 01 Javascript

javascript 自动填写表单的实现方法

Apr 09 Javascript

jQuery 1.8 Release版本发布了

Aug 14 Javascript

对frameset、frame、iframe的js操作示例代码

Aug 16 Javascript

javascript操作html控件实例(javascript添加html)

Dec 02 Javascript

php is_numberic函数造成的SQL注入漏洞

Mar 10 Javascript

javascript显示倒计时控制按钮的简单实现

Jun 07 Javascript

用move.js库实现百叶窗特效

Feb 08 Javascript

jQuery中extend函数简单用法示例

Oct 11 jQuery

Vue2实时监听表单变化的示例讲解

Aug 30 Javascript

webpack之引入图片的实现及问题

Oct 08 Javascript

原生js实现日期选择插件

May 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

php mssql 日期出现中文字符的解决方法

2009/03/10 PHP

探讨php中header的用法详解

2013/06/07 PHP

php中preg_match的isU代表什么意思

2015/10/01 PHP

在Laravel中使用DataTables插件的方法

2018/05/29 PHP

php实现数字补零的方法总结

2018/09/12 PHP

laravel框架模板之公共模板、继承、包含实现方法分析

2019/08/30 PHP

浅谈PHP array_search 和 in_array 函数效率问题

2019/10/15 PHP

javascript 跳转代码集合

2009/12/03 Javascript

jQuery 学习6 操纵元素显示效果的函数

2010/02/07 Javascript

20个最新的jQuery插件

2012/01/13 Javascript

JavaScript实现网页上的浮动广告的简单方法

2013/06/14 Javascript

JS检测移动端横竖屏的代码

2016/05/30 Javascript

javaScript 事件绑定、事件冒泡、事件捕获和事件执行顺序整理总结

2016/10/10 Javascript

微信小程序 tabs选项卡效果的实现

2017/01/05 Javascript

js实现5秒倒计时重新发送短信功能

2017/02/05 Javascript

jQuery插件FusionCharts绘制的3D环饼图效果示例【附demo源码】

2017/04/02 jQuery

详解如何将 Vue-cli 改造成支持多页面的 history 模式

2017/11/20 Javascript

JavaScript页面倒计时功能完整示例

2019/05/15 Javascript

js+css实现全屏侧边栏

2020/06/16 Javascript

[02:34]2016完美“圣”典风云人物：BurNIng专访

2016/12/10 DOTA

Pyramid将models.py文件的内容分布到多个文件的方法

2013/11/27 Python

python使用xlrd模块读写Excel文件的方法

2015/05/06 Python

python模块导入的细节详解

2018/12/10 Python

python 用for循环实现1~n求和的实例

2019/02/01 Python

python将视频转换为全字符视频

2019/04/26 Python

python实现一个点绕另一个点旋转后的坐标

2019/12/04 Python

python3的UnicodeDecodeError解决方法

2019/12/20 Python

Python计算指定日期是今年的第几天(三种方法)

2020/03/26 Python

在Python中使用K-Means聚类和PCA主成分分析进行图像压缩

2020/04/10 Python

日本小田急百货官网：Odakyu

2018/07/19 全球购物

小学语文国培感言

2014/03/04 职场文书

公司年底活动方案

2014/08/17 职场文书

导游词之云南丽江古城

2019/09/17 职场文书

MyBatis-Plus 批量插入数据的操作方法

2021/09/25 Java/Android

python 管理系统实现mysql交互的示例代码

2021/12/06 Python

mysql sql常用语句大全

2022/06/21 MySQL