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

跨浏览器的 mouseenter mouseleave 以及 compareDocumentPosition的使用说明

May 04 Javascript

Javascript事件热键兼容ie|firefox

Dec 30 Javascript

Jquery为单选框checkbox绑定单击click事件

Dec 18 Javascript

javascript中replace( )方法的使用

Apr 24 Javascript

js实现仿MSN带关闭功能的右下角弹窗代码

Sep 04 Javascript

React-router 4 按需加载的实现方式及原理详解

May 25 Javascript

Vue 应用中结合vux使用微信 jssdk的方法

Aug 28 Javascript

使用jquery的cookie实现登录页记住用户名和密码的方法

Mar 13 jQuery

vue路由切换之淡入淡出的简单实现

Oct 31 Javascript

vue element自定义表单验证请求后端接口验证

Dec 11 Javascript

JS removeAttribute()方法实现删除元素的某个属性

Jan 11 Javascript

Vue3中的Refs和Ref详情

Nov 11 Vue.js

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

关于ThinkPhp 框架表单验证及ajax验证问题

2017/07/19 PHP

php 后端实现JWT认证方法示例

2018/09/04 PHP

用js计算页面执行时间的函数

2006/12/07 Javascript

input+select(multiple) 实现下拉框输入值

2009/05/21 Javascript

JS实现自定义简单网页软键盘效果代码

2015/11/05 Javascript

简介AngularJS中$http服务的用法

2016/02/06 Javascript

JQuery为元素添加样式的实现方法

2016/07/20 Javascript

JavaScript String(字符串)对象的简单实例(推荐)

2016/08/31 Javascript

分分钟玩转Vue.js组件

2016/10/25 Javascript

原生JS实现简单放大镜效果

2017/02/08 Javascript

详解JavaScript中return的用法

2017/05/08 Javascript

使用vue构建移动应用实战代码

2017/08/02 Javascript

webpack搭建vue 项目的步骤

2017/12/27 Javascript

Vue自定义指令上报Google Analytics事件统计的方法

2019/02/25 Javascript

es6 for循环中let和var区别详解

2020/01/12 Javascript

Python 代码性能优化技巧分享

2012/08/07 Python

Ubuntu安装Jupyter Notebook教程

2017/10/18 Python

Python cookbook（数据结构与算法）实现优先级队列的方法示例

2018/02/18 Python

python中字符串的操作方法大全

2018/06/03 Python

python标记语句块使用方法总结

2019/08/05 Python

浅析Django中关于session的使用

2019/12/30 Python

Python安装OpenCV的示例代码

2020/03/05 Python

aws 通过boto3 python脚本打pach的实现方法

2020/05/10 Python

CSS3实现文字描边的2种方法(小结)

2020/02/14 HTML / CSS

CSS3实现红包抖动效果

2020/12/23 HTML / CSS

IE9下html5初试小刀

2010/09/21 HTML / CSS

Oakley官网：运动太阳镜、雪镜和服装

2016/09/30 全球购物

linux下进程间通信的方式

2014/12/23 面试题

白莲教口号

2014/06/18 职场文书

2014年工作总结与下年工作计划

2014/11/27 职场文书

离婚协议书怎么写的

2014/12/14 职场文书

优秀员工事迹材料

2014/12/20 职场文书

六年级语文下册教学计划

2015/01/22 职场文书

浅谈MySQL中的六种日志

2022/03/23 MySQL

详解OpenCV获取高动态范围（HDR）成像

2022/04/29 Python

深入理解MySQL中MVCC与BufferPool缓存机制

2022/05/25 MySQL