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

用Javascript实现Sleep暂停功能代码

Sep 03 Javascript

js下拉菜单语言选项简单实现

Sep 23 Javascript

javascript操作table(insertRow,deleteRow,insertCell,deleteCell方法详解)

Dec 16 Javascript

js生成的验证码的实现与技术分析

Sep 17 Javascript

AngularJS实现textarea记录只能输入规定数量的字符并显示

Apr 26 Javascript

基于JS判断iframe是否加载成功的方法(多种浏览器）

May 13 Javascript

Node.js制作简单聊天室

Jan 12 Javascript

Vue 实现列表动态添加和删除的两种方法小结

Sep 07 Javascript

基于游标的分页接口实现代码示例

Nov 12 Javascript

微信小程序实现简易table表格

Jun 19 Javascript

微信公众号平台接口开发获取微信服务器IP地址方法解析

Aug 14 Javascript

React Native 混合开发多入口加载方式详解

Sep 23 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图片验证码代码

2008/03/27 PHP

php 数组二分法查找函数代码

2010/02/16 PHP

PHP 防注入函数(格式化数据)

2011/08/08 PHP

php简单图像创建入门实例

2015/06/10 PHP

PHP爬虫之百万级别知乎用户数据爬取与分析

2016/01/22 PHP

Yii2 如何在modules中添加验证码的方法

2017/06/19 PHP

JavaScript 中的事件教程

2007/04/05 Javascript

Javascript Global对象

2009/08/13 Javascript

文本框水印提示效果的简单实现代码

2014/02/22 Javascript

JavaScript实现向setTimeout执行代码传递参数的方法

2015/04/16 Javascript

JS实现可自定义大小，可双击关闭的弹出层效果

2015/10/16 Javascript

设计模式中的组合模式在JavaScript程序构建中的使用

2016/05/18 Javascript

javascript时间差插件分享

2016/07/18 Javascript

vue.js全局API之nextTick全面解析

2017/07/07 Javascript

JS实现标签滚动切换效果

2017/12/25 Javascript

关于jquery layui弹出层的使用方法

2018/04/21 jQuery

解决angularjs前后端分离调用接口传递中文时中文乱码的问题

2018/08/13 Javascript

async/await优雅的错误处理方法总结

2019/01/30 Javascript

NodeJs实现简易WEB上传下载服务器

2019/08/10 NodeJs

简述Vue中容易被忽视的知识点

2019/12/09 Javascript

nodejs各种姿势断点调试的方法

2020/06/18 NodeJs

Jquery 获取相同NAME 或者id删除行操作

2020/08/24 jQuery

CentOS安装pillow报错的解决方法

2016/01/27 Python

在cmd中运行.py文件: python的操作步骤

2018/05/12 Python

Python根据已知邻接矩阵绘制无向图操作示例

2018/06/23 Python

Falsk 与 Django 过滤器的使用与区别详解

2019/06/04 Python

Django 删除upload_to文件的步骤

2020/03/30 Python

python3爬虫中多线程进行解锁操作实例

2020/11/25 Python

西班牙英格列斯百货英国官网：El Corte Inglés英国

2017/10/30 全球购物

耐克亚太地区：Nike APAC

2019/12/07 全球购物

公开承诺书格式

2014/05/21 职场文书

2014年幼儿园工作总结

2014/11/10 职场文书

2014年爱国卫生工作总结

2014/11/22 职场文书

美德少年事迹材料（2016推荐版）

2016/02/25 职场文书

又涨知识了，自律到底多重要？

2019/06/27 职场文书

导游词之无锡古运河

2019/11/14 职场文书