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

jquery查找父元素、子元素(个人经验总结)

Apr 09 Javascript

javascript产生随机数方法汇总

Jan 25 Javascript

JCrop+ajaxUpload 图像切割上传的实例代码

Jul 20 Javascript

jQuery树形控件zTree使用小结

Aug 02 Javascript

Bootstrap实现带动画过渡的弹出框

Aug 09 Javascript

jQuery操作dom实现弹出页面遮罩层(web端和移动端阻止遮罩层的滑动)

Aug 25 Javascript

bootstrap 设置checkbox部分选中效果

Apr 20 Javascript

详解如何在react中搭建d3力导向图

Jan 12 Javascript

对vue下点击事件传参和不传参的区别详解

Sep 15 Javascript

iview tabs 顶部导航栏和模块切换栏的示例代码

Mar 04 Javascript

微信小程序如何获取群聊的openGid以及名称详解

Jul 17 Javascript

vue-cropper组件实现图片切割上传

May 27 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

扩展你的 PHP 之入门篇

2006/12/04 PHP

PHP实现适用于自定义的验证码类

2016/06/15 PHP

你真的了解JavaScript吗？

2007/02/24 Javascript

Js callBack 返回前一页的js方法

2008/11/30 Javascript

JS左右无缝滚动（一般方法+面向对象方法）

2012/08/17 Javascript

JS保留小数点(四舍五入、四舍六入)实现思路及实例

2013/04/25 Javascript

JavaScript中判断页面关闭、页面刷新的实现代码

2014/08/27 Javascript

node.js开机自启动脚本文件

2014/12/24 Javascript

ECMAScript 6即将带给我们新的数组操作方法前瞻

2015/01/06 Javascript

JavaScript中数组继承的简单示例

2015/07/29 Javascript

jquery实现可横向和竖向展开的动态下滑菜单效果

2015/08/24 Javascript

js实现tab切换效果实例

2015/09/16 Javascript

重新理解JavaScript的六种继承方式

2017/03/24 Javascript

详解为Bootstrap Modal添加拖拽的方法

2018/01/05 Javascript

vue-cli webpack2项目打包优化分享

2018/02/07 Javascript

微信小程序如何调用新闻接口实现列表循环

2019/07/02 Javascript

vue+element-ui+axios实现图片上传

2019/08/20 Javascript

微信小程序scroll-view点击项自动居中效果的实现

2020/03/25 Javascript

wxpython 学习笔记第一天

2009/03/16 Python

Python 正则表达式操作指南

2009/05/04 Python

python根据出生日期获得年龄的方法

2015/03/31 Python

Python常用的文件及文件路径、目录操作方法汇总介绍

2015/05/21 Python

Python简单获取自身外网IP的方法

2016/09/18 Python

Python基础练习之用户登录实现代码分享

2017/11/08 Python

python实现猜拳游戏

2020/03/04 Python

Python基于read(size)方法读取超大文件

2020/03/12 Python

记一次django内存异常排查及解决方法

2020/08/07 Python

奥兰多迪士尼门票折扣：Undercover Tourist

2018/07/09 全球购物

介绍一下linux的文件系统

2015/10/06 面试题

物业管理专业个人的自我评价

2013/11/19 职场文书

学习经验交流会主持词

2014/04/01 职场文书

保护环境演讲稿

2014/05/10 职场文书

爱护公物标语

2014/06/24 职场文书

运动会广播稿50字-100字

2014/10/11 职场文书

重温经典：乔布斯在斯坦福大学的毕业演讲（双语）

2019/08/26 职场文书

一文了解Java动态代理的原理及实现

2022/07/07 Java/Android