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

ext checkboxgroup 回填数据解决

Aug 21 Javascript

js中if语句的几种优化代码写法

Mar 12 Javascript

javascript中数组的冒泡排序使用示例

Dec 18 Javascript

Node.js安装教程和NPM包管理器使用详解

Aug 16 Javascript

基于javascript实现根据身份证号码识别性别和年龄

Jan 22 Javascript

详细谈谈javascript的对象

Jul 31 Javascript

vue.js 初体验之Chrome 插件开发实录

May 13 Javascript

JQuery Ajax执行跨域请求数据的解决方案

Dec 10 jQuery

vue如何获取自定义元素属性参数值的方法

May 14 Javascript

node读写Excel操作实例分析

Nov 06 Javascript

angular中的post请求处理示例详解

Jun 30 Javascript

微信小程序接入腾讯地图的两种写法

Jan 12 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

火影忍者：三大瞳力之一的白眼，为什么没有写轮眼那么出色？

2020/03/02 日漫

现磨咖啡骗局！现磨咖啡=新鲜咖啡？现磨咖啡背后的猫腻你不懂！

2019/03/28 冲泡冲煮

php ActiveMQ的安装与使用方法图文教程

2020/02/23 PHP

javascript延时加载之defer测试

2012/12/28 Javascript

JS判断不同分辨率调用不同的CSS样式文件实现思路及测试代码

2013/01/23 Javascript

使用jquery选择器如何获取父级元素、同级元素、子元素

2014/05/14 Javascript

Javascript中的几种URL编码方法比较

2015/01/23 Javascript

莱鸟介绍javascript onclick事件

2016/01/06 Javascript

js html css实现复选框全选与反选

2016/10/09 Javascript

vue元素实现动画过渡效果

2017/07/01 Javascript

浅谈angular4 ng-content 中隐藏的内容

2017/08/18 Javascript

2种简单的js倒计时方式

2017/10/20 Javascript

用vue快速开发app的脚手架工具

2018/06/11 Javascript

JS实现头条新闻的经典轮播图效果示例

2019/01/30 Javascript

Vue函数式组件-你值得拥有

2019/05/09 Javascript

原生JavaScript实现随机点名表

2021/01/14 Javascript

[02:15]2014DOTA2国际邀请赛专访LGD.lin小兔子是大腿

2014/07/14 DOTA

将Python代码打包为jar软件的简单方法

2015/08/04 Python

解决python3读取Python2存储的pickle文件问题

2018/10/25 Python

利用Python复制文件的9种方法总结

2019/09/02 Python

使用python-opencv读取视频,计算视频总帧数及FPS的实现

2019/12/10 Python

pytorch forward两个参数实例

2020/01/17 Python

使用python无账号无限制获取企查查信息的实例代码

2020/04/17 Python

Python通过文本和图片生成词云图

2020/05/21 Python

canvas使用注意点总结

2013/07/19 HTML / CSS

荷兰网上药店：Drogisterij.net

2019/09/03 全球购物

Simons官方网站：加拿大时尚零售商

2020/02/20 全球购物

会计助理的岗位职责

2013/11/29 职场文书

国贸专业大学生职业生涯规划范文

2014/01/10 职场文书

妇女儿童发展规划实施方案

2014/03/16 职场文书

护士个人自我鉴定

2014/03/24 职场文书

业务员工作态度散漫检讨书

2014/11/02 职场文书

python调试工具Birdseye的使用教程

2021/05/25 Python

Python基础教程,Python入门教程(超详细)

2021/06/24 Python

win11怎么用快捷键锁屏? windows11锁屏的几种方法

2021/11/21 数码科技

CSS中使用grid布局实现一套模板多种布局

2022/07/15 HTML / CSS