jquery 发光涟漪

2024-08-30

jquery ripples水波纹效果( 涟漪效果)

这个效果是我从bootstrap-material-design上面分离下来的,bootstrap-material-design的一些组件样式我不太不喜欢,但是非常喜欢这个水波纹效果,所以就有了这篇文章: 先上效果图: 点击按钮后,会有一道波纹扩散开来下面是资源地址:http://pan.baidu.com/s/1pL6LGBh 提取密码: 7y6x 就两文件: 下面是使用教程: 第一步:引入rippels.css 和rippels.js <link rel="stylesheet&q

jQuery UI炫酷雨滴落在水面上的波纹涟漪特效

raindrops是一款效果很炫酷的jQuery UI雨滴落在水面上的特效. 该特效模拟水滴从空中落入平静的水面上的效果. 通过參数能够设置水面波纹的大小,强度,波纹扩散的速度等等属性. 效果演示:http://www.htmleaf.com/Demo/201506041968.html 下载地址:http://www.htmleaf.com/jQuery/Layout-Interface/201506041967.html

超酷jQuery进度条加载动画集合

在丰富多彩的网页世界中,进度条加载动画的形式非常多样,有利用gif图片实现的loading动画,也有利用jQuery和CSS3实现的进度加载动画,本文主要向大家介绍很多jQuery和CSS3实现的进度条加载动画,每一个都非常具有创意.如果你喜欢,可以下载源码并将它们应用到自己的网站中去. HTML5 Canvas发光Loading动画它是一个Loading加载动画,并不能实现具体进度的加载,但是可以提示用户数据或者页面正在加载.并且该应用利用Canvas绘制动画,效果非常不错. DEMO演示

学习使用 SVG 创建材料设计涟漪（Ripple）效果

Codrops 上面发布了一个深入的教程,就如何建立谷歌材料设计的径向操作规范中列出的涟漪效果,并基于 SVG 和 GreenSock 来实现.随着谷歌的材料设计的出现,带来了一个视觉语言,创建跨平台和设备的统一体验.在本教程中,他们会向你展示实现涟漪效果的一种方式. 在线演示源码下载您可能感兴趣的相关文章网站开发中很有用的 jQuery 效果[附源码] 分享35个让人惊讶的 CSS3 动画效果演示十分惊艳的8个 HTML5 & JavaScript 特效 Web 开发中很实用

jQuery超炫酷按钮插件及源码

现在大部分网页的按钮都是经过美化的,那些原始的浏览器按钮太过于枯燥乏味,让用户失去和网站交互的兴趣.早期我们都是通过背景图片来美化网页按钮,而现在我们可以利用扩展性更好的CSS3来制作漂亮的网页按钮,本文是jQuery/CSS3按钮系列插件的第一篇,希望大家会喜欢. 超可爱的CSS3 3D按钮这款CSS3按钮相当具有创意,它的外观很独特,非常适合个性化的个人博客上,可以用来制作评论提交按钮或者简单的交互行为按钮,个人非常喜欢它. DEMO演示源码下载纯CSS3实现分享按钮这

精选29款非常实用的jQuery应用插件

今天我们来分享一些实用的jQuery应用插件,没有特别花哨,但都比较实用,jQuery菜单.jQuery图片都有涉及到,一起来看看. 1.jQuery+CSS3仿IOS无线局域网Wifi DEMO演示 / 源码下载 2.CSS3图片鼠标悬停放大动画 DEMO演示 / 源码下载 3.jquery照片拖动删除排序 DEMO演示 / 源码下载 4.仿安卓手机拨号界面按键特效 DEMO演示 / 源码下载 5.jQuery图片自动播放焦点广告 DEMO演示

【特别推荐】8个富有创意的jQuery/CSS3插件

现在的互联网上什么都有,但是真正好的创意却非常稀缺,包括WEB界面也是如此,今天我们要特别推荐8个富有创意的jQuery/CSS3插件,也许这几个插件能让你的WEB界面更加富有创意和人性化. 1.jQuery+CSS3仿IOS无线局域网Wifi DEMO演示 / 源码下载 2.CSS3图片鼠标悬停放大动画 DEMO演示 / 源码下载 3.jquery照片拖动删除排序 DEMO演示 / 源码下载 4.仿安卓手机拨号界面按键特效 DEMO演示 / 源码

(转)Sencha Touch和jQuery Mobile的比较

原文:http://extjs.org.cn/node/664 Sencha Touch和jQuery Mobile的比较 Posted 周三, 08/07/2013 - 10:07 by admin 很多人问我Sencha Touch 和jQuery Mobile哪个更好.事实上,它两的区别就像是Web后台编程,PHP和Java.它们都能完成同样的功能,但其实它们是为不同的目的而创造的. Sencha Touch基于web-kit浏览器并做了优化,而jQuery Mobile适用于一般浏览器.

10款让人惊叹的HTML5/jQuery图片动画特效

1.HTML5相册照片浏览器可连接Flickr照片服务以前我们经常会分享一些jQuery相册浏览插件,效果不错,实用性也很强.不过如果能利用HTML5来实现相册浏览器,那么相册浏览效果肯定会更加炫酷.今天分享的这款HTML5相册浏览器可以连接到Flickr获取照片,也可以连接到youtube获取视频,照片在初始化的时候有波浪般的效果. 在线演示源码下载 2.CSS3图片模糊效果今天我们来分享一款利用CSS3技术让图片模糊的效果,我们只需要将鼠标滑过图片,就可以让图片产生模糊的特效,利用C

[转：CSS3-前端] CSS3发光和多种图片处理

原文链接:http://www.qianduan.net/css3-image-styles.html 一些上流的CSS3图片样式神飞发表于 24. Sep, 2011, 分类: CSS , 46 条评论 »标签:before & css3 & 伪元素 & 圆角 & 渐变译自:CSS3 Image Styles中文:CSS3图片样式请尊重版权,转载请注明来源,多谢-- 直接在图片元素上直接应用CSS3 inset box-shadow 或 border-radius时

Sencha Touch 和 jQuery Mobile 的比较

Sencha Touch 和 jQuery Mobile 的比较英文原文:Sencha Touch vs jQuery Mobile 标签: Sencha Touch jQuery Mobile 103人收藏此文章, 我要收藏oschina 推荐于 2年前 (共 7 段, 翻译完成于 08-02) (23评) 参与翻译(1人): yale8848 仅中文 | 中英文对照 | 仅英文 | 打印此文章很多人问我Sencha Touch (百度百科Sencha Touch译者加) 和jQue

选择29部分有用jQuery应用程序插件（免费点数下载）

免积分下载:http://download.csdn.net/detail/yangwei19680827/7238711 原文地址:http://www.cnblogs.com/sxwgf/p/3680421.html 今天我们来分享一些有用的jQuery应用插件,没有特别花哨.但都比較有用,jQuery菜单.jQuery图片都有涉及到,一起来看看. 1.jQuery+CSS3仿IOS无线局域网Wifi DEMO演示 / 源代码下载 2.CSS3图片鼠标悬停放大动画 DEMO演示

用JQuery写的滚动条，可以改变样式哦！

很早之前在做项目的时候要用到自定义的滚动条,可是现在的CSS2只能改改颜色什么的,对于改变形状或者更高级的用法根本不可能实现,没办法只能自己写一个了.(好像CSS3可以该形状,不过没研究过有兴趣的童鞋可以研究研究)好了,废话不多说直接上代码吧,如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transiti

8款基于Jquery的WEB前端动画特效

1.超炫酷的30个jQuery按钮悬停动画按钮插件是最常见的jQuery插件之一,因为它用途广泛,而且配置起来最为方便.今天我们要分享的是30个超炫酷的jQuery悬停按钮动画,当我们将鼠标滑过按钮时,按钮的背景就会播放不同的动画特效.这款jQuery按钮插件的使用方法也很简单,给按钮指定一个类,然后用一行JS代码初始化即可. 在线演示源码下载 2.HTML5 Canvas水波纹动画特效 HTML5的Canvas特性非常实用,我们不仅可以在Canvas画布上绘制各种图形,也可以制作绚丽的动画

10款基于jquery的web前端动画特效

1.jQuery横向手风琴图片切换动画之前我们为大家分享过很多款基于jQuery和CSS3的手风琴菜单和手风琴焦点图插件,比如CSS3响应式垂直手风琴菜单和jQuery横向手风琴图片展示插件.今天要介绍的也是一款基于jQuery的横向手风琴图片切换动画,鼠标滑过图片时即可展开,并且图片上方有文字标题,非常实用. 在线演示源码下载 2.jQuery/CSS3渐变颜色拾取器之前我们向大家分享过一款功能十分强大的jQuery颜色拾取器,支持透明度的选取.今天要为大家介绍的同样是一款基于jQuer

JQuery攻略（四）事件

jQuery事件处理,鼠标的单击,双击,悬停,键盘按键,文本动画..... 此章节有 1.1被点击的按钮查找 1.2事件的自动触发 1.3点击之后禁用按钮 1.4鼠标事件 1.5焦点事件 1.6CSS的操作 1.7元素创建 1.8动画隐藏和展示 1.9效果 1.10键盘输入控制 1.11防止事件冒泡小结 1.1被点击的按钮查找一个页面上有很多按钮,对应不同的功能,一个按钮对应一个事件,说到底就是给每个按钮绑定一个事件. <html xmlns="http://www.w3.org/19

炫酷霸气的HTML5/jQuery应用及源码

也许在5年前,HTML5还是一种很前卫的技术,大家还只是将它当做实验来看待,更别说产品应用了.但是现在HTML5已经非常流行,无论从PC端还是移动端,HTML5都扮演着非常重要的角色.今天我们要分享的一些应用就是基于HTML5和jQuery的,加上源代码的下载,你一定会觉得很受用的,赶紧分享吧. HTML5线性图表图表数据区域可着色这是一款基于Canvas的HTML5图表应用,在图表数据初始化的时候伴随动画效果. 核心jQuery代码: var myData = { labels : ["M

干货分享超炫丽的HTML5/jQuery应用及代码

今天我们要来分享一些HTML5干货,对于前段开发者来说,这些HTML5应用和jQuery插件将会让你的项目更加生动和炫丽,至少在UI设计方面,或多或少会带给你一点设计灵感,赶紧收藏和分享吧.另外这些HTML5应用的源代码也一并分享了. HTML5 Canvas画板画图工具可定义笔刷和画布这是一款基于HTML5 Canvas的网络画板应用,简化版的,可以自己在上面扩展. 核心jQuery代码: function prepareCanvas() { // Create the canvas (N

精挑细选 8款HTML5/jQuery应用助网站走向高上大

在WEB3.0的时代,我们的网站不仅要实现实用价值,更要为用户设计优秀的用户体验.jQuery是一个不错的JS框架,结合目前最新的HTML5技术,我们可以将自己的网站脱胎换骨,立马走向高上大,至少在前端页面上. 1.HTML5仿Chrome样式控制滑杆动画随着浏览器技术的发展,滑杆控制器在网页上应用越来越广泛.今天要分享一款HTML5的滑杆控制器,这个滑杆动画是放Chrome样式的,不仅外观非常漂亮,而且在数据初始化的时候还带有滑动动画特效,我们可以将此插件应用在数据更新.投票等系统中去. 在

10款最新CSS3/jQuery菜单导航插件

这是我们在2014年收集的10款最新的CSS3 / jQuery菜单导航插件,不论从外观样式,还是功能扩展性,这些jQuery菜单一定可以满足大家的设计需求.这次我们收集的jQuery菜单,有水平菜单,也有垂直菜单,有动画菜单,也有简易菜单,另外也有一些利用CSS3技术实现的动画菜单.如果你喜欢这些漂亮的jQuery菜单,请马上收藏它们并分享给你的好友们,希望这些菜单能在开发上帮助到你. 1.响应式便捷jquery菜单导航这款jQuery下拉菜单非常酷,菜单在加载时会出现加载提示,菜单的各个

jquery 发光涟漪

热门专题