编程 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通过八个点拖动改变div大小的实现方法

Mar 05 Javascript

javascript日期验证之输入日期大于等于当前日期

Dec 13 Javascript

JavaScript的this关键字的理解

Jun 18 Javascript

深入浅析JS Function()构造函数

Aug 22 Javascript

JS实现快速的导航下拉菜单动画效果附源码下载

Nov 01 Javascript

js正则表达式最长匹配(贪婪匹配)和最短匹配(懒惰匹配)用法分析

Dec 27 Javascript

详解百度百科目录导航树小插件

Jan 08 Javascript

Vue项目使用CDN优化首屏加载问题

Apr 01 Javascript

浅谈Node.js 沙箱环境

May 15 Javascript

Vue中控制v-for循环次数的实现方法

Sep 26 Javascript

详解vue父子组件关于模态框状态的绑定方案

Jun 05 Javascript

绘制微信小程序验证码功能的实例代码

Jan 05 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语句将数据库*.sql文件导入数据库

2014/05/05 PHP

php的ZipArchive类用法实例

2014/10/20 PHP

php计算数组相同值出现次数的代码(array_count_values)

2015/01/20 PHP

js wmp操作代码小结(音乐连播功能)

2008/11/08 Javascript

不用写JS也能使用EXTJS视频演示

2008/12/29 Javascript

一个背景云变换js特效鼠标移动背景云变化

2012/12/28 Javascript

JavaScript监听和禁用浏览器回车事件实例

2015/01/31 Javascript

JavaScript跨平台的开源框架NativeScript

2015/03/24 Javascript

JS实现超简洁网页title标题跑动闪烁提示效果代码

2015/10/23 Javascript

vue.js实现条件渲染的实例代码

2017/06/22 Javascript

JS库之ParticlesJS使用简介

2017/09/12 Javascript

vue实现循环切换动画

2018/10/17 Javascript

详解vue父子组件关于模态框状态的绑定方案

2019/06/05 Javascript

layui radio单选限制下一个radio单选的实例

2019/09/03 Javascript

基于vue实现图片验证码倒计时60s功能

2019/12/10 Javascript

JavaScript实现商品评价五星好评

2020/11/30 Javascript

python基础教程之面向对象的一些概念

2014/08/29 Python

详解python中requirements.txt的一切

2017/03/03 Python

简单实现Python爬取网络图片

2018/04/01 Python

django一对多模型以及如何在前端实现详解

2019/07/24 Python

python爬虫 urllib模块反爬虫机制UA详解

2019/08/20 Python

python实现大量图片重命名

2020/03/23 Python

如何用tempfile库创建python进程中的临时文件

2021/01/28 Python

Radley英国官网：英国莱德利小狗包

2019/03/21 全球购物

全球在线商店：BerryLook

2019/04/14 全球购物

前台文员的岗位职责

2013/11/14 职场文书

个人自我评价范文

2014/02/05 职场文书

捐助倡议书范文

2014/04/15 职场文书

计算机专业自荐信

2014/05/24 职场文书

2014教师研修学习体会

2014/07/08 职场文书

食品安全承诺书范文

2014/08/29 职场文书

2014年调度员工作总结

2014/11/19 职场文书

锦旗赠语

2015/06/23 职场文书

Python合并pdf文件的工具

2021/07/01 Python

使用CSS实现一个搜索引擎的原理解析

2021/09/25 HTML / CSS

教你快速构建一个基于nginx的web集群项目

2021/11/27 Servers