Material design风格浮动按钮特效 PetitQ 按钮图标 2018-10-28 1.68K 0 1 material-floating-button是一款使用纯Js制作的Material design风格浮动按钮特效。该Material design风格浮动按钮特效提供4种动画特效,它们都可以在鼠标滑过按钮时以炫酷的方式展开按钮。…
Material design风格浮动按钮特效 PetitQ 按钮图标 2018-10-28 1.68K 0 1 material-floating-button是一款使用纯Js制作的Material design风格浮动按钮特效。该Material design风格浮动按钮特效提供4种动画特效,它们都可以在鼠标滑过按钮时以炫酷的方式展开按钮。…
Material Design 风格打开菜单按钮特效 PetitQ 按钮图标 2019-1-27 1.27K 0 0 这是一款效果非常炫酷的Material Design风格打开菜单按钮特效。该特效有7种不同的效果,每一种效果中都可以通过点击主菜单按钮来打开一组主菜单按钮,各种打开子菜单的动画效果各不相同。 HTML结构 这7种打开菜单按钮特效的基…
Material Design 风格打开菜单按钮特效 PetitQ 按钮图标 2019-1-27 1.27K 0 0 这是一款效果非常炫酷的Material Design风格打开菜单按钮特效。该特效有7种不同的效果,每一种效果中都可以通过点击主菜单按钮来打开一组主菜单按钮,各种打开子菜单的动画效果各不相同。 HTML结构 这7种打开菜单按钮特效的基…
Material Design 扁平风格按钮设计 PetitQ 按钮图标 2019-3-05 957 0 0 这是一款纯CSS3制作的Material Design扁平风格按钮设计效果。这组扁平风格按钮有3D效果,粗边框按钮效果,只带边框不带背景的按钮效果以及阴影按钮效果等。 HTML结构 按钮使用标准的HTML <button>…
Material Design 扁平风格按钮设计 PetitQ 按钮图标 2019-3-05 957 0 0 这是一款纯CSS3制作的Material Design扁平风格按钮设计效果。这组扁平风格按钮有3D效果,粗边框按钮效果,只带边框不带背景的按钮效果以及阴影按钮效果等。 HTML结构 按钮使用标准的HTML <button>…
knobKnob - 旋钮控制按钮 PetitQ 按钮图标 2018-10-26 2.32K 0 0 knobKnob是一款实用jQuery和css3制作的旋钮控制按钮,knobKnob这款jQuery和css3旋钮效果非常逼真,可用鼠标控制旋钮刻度的变化。 HTML代码: html结构非常简单,只需要放一个空的id为control…
knobKnob - 旋钮控制按钮 PetitQ 按钮图标 2018-10-26 2.32K 0 0 knobKnob是一款实用jQuery和css3制作的旋钮控制按钮,knobKnob这款jQuery和css3旋钮效果非常逼真,可用鼠标控制旋钮刻度的变化。 HTML代码: html结构非常简单,只需要放一个空的id为control…
jQuery简洁实用滑动按钮插件 PetitQ 按钮图标 2018-10-27 1.74K 0 0 这是一款非常实用的jQuery滑动按钮插件。该滑动按钮插件可以将input元素转换为滑动按钮样式。插件中使用javascript来控制滑动按钮的滑动,样式使用纯CSS来制作。 使用方法: 首先要在页面中引入jQuery和jquery…
jQuery简洁实用滑动按钮插件 PetitQ 按钮图标 2018-10-27 1.74K 0 0 这是一款非常实用的jQuery滑动按钮插件。该滑动按钮插件可以将input元素转换为滑动按钮样式。插件中使用javascript来控制滑动按钮的滑动,样式使用纯CSS来制作。 使用方法: 首先要在页面中引入jQuery和jquery…
jQuery扁平化单选复选框美化插件 PetitQ 按钮图标 2018-10-27 1.56K 0 0 Labelauty是一款轻量级的jQuery单选按钮和复选框美化插件。该jquery美化插件允许你自定义每一个check状态的labels。也就是说选中和未选中状态的文字是动态变化的。Labelauty采用扁平化设计风格,非常时尚漂…
jQuery扁平化单选复选框美化插件 PetitQ 按钮图标 2018-10-27 1.56K 0 0 Labelauty是一款轻量级的jQuery单选按钮和复选框美化插件。该jquery美化插件允许你自定义每一个check状态的labels。也就是说选中和未选中状态的文字是动态变化的。Labelauty采用扁平化设计风格,非常时尚漂…
jQuery+css3音量调节旋钮插件 PetitQ 按钮图标 2018-10-27 2.01K 0 0 这是一款实用jQuery和css3制作的音量调节旋钮插件。该jQuery旋钮的UI使用css3来渲染,旋钮的旋转控制则使用jquery来实现。 HTML代码: 0 JAVASCRIPT代码: (function() { var Di…
jQuery+css3音量调节旋钮插件 PetitQ 按钮图标 2018-10-27 2.01K 0 0 这是一款实用jQuery和css3制作的音量调节旋钮插件。该jQuery旋钮的UI使用css3来渲染,旋钮的旋转控制则使用jquery来实现。 HTML代码: 0 JAVASCRIPT代码: (function() { var Di…
jQuery+css3单选框复选框美化效果 PetitQ 按钮图标 2018-11-10 1.65K 0 0 这是一款使用jQuery和css3制作的单选框和复选框美化效果的插件。该美化效果插件代码小巧简洁,最为显眼的效果是复选框选中时小勾的旋转效果。 HTML代码 Gender: Male Female Favorite music: P…
jQuery+css3单选框复选框美化效果 PetitQ 按钮图标 2018-11-10 1.65K 0 0 这是一款使用jQuery和css3制作的单选框和复选框美化效果的插件。该美化效果插件代码小巧简洁,最为显眼的效果是复选框选中时小勾的旋转效果。 HTML代码 Gender: Male Female Favorite music: P…
jQuery+CSS3创意表单提交按钮动画特效 PetitQ 按钮图标 2018-10-27 1.71K 0 1 这是一款非常有创意的jQuery和CSS3表单提交按钮动画特效。该提交按钮在用户点击的时候会转换为一个进度条,用以表示当前提交的进程,当提交结束后,进度条优惠转换为一个圆形的成功符号,效果非常酷。 HTML结构: 该提交按钮特效的H…
jQuery+CSS3创意表单提交按钮动画特效 PetitQ 按钮图标 2018-10-27 1.71K 0 1 这是一款非常有创意的jQuery和CSS3表单提交按钮动画特效。该提交按钮在用户点击的时候会转换为一个进度条,用以表示当前提交的进程,当提交结束后,进度条优惠转换为一个圆形的成功符号,效果非常酷。 HTML结构: 该提交按钮特效的H…
IOS样式滑动按钮jQuery插件 PetitQ 按钮图标 2018-10-27 1.44K 0 0 multiSwitch是一款3种状态的IOS样式滑动按钮jQuery插件。该滑动按钮可以初始化为3种状态,初始化状态,选择状态和不选择状态,外观为IOS样式,非常时尚。 使用方法: 使用该滑动按钮插件需要在页面中引入jquery和m…
IOS样式滑动按钮jQuery插件 PetitQ 按钮图标 2018-10-27 1.44K 0 0 multiSwitch是一款3种状态的IOS样式滑动按钮jQuery插件。该滑动按钮可以初始化为3种状态,初始化状态,选择状态和不选择状态,外观为IOS样式,非常时尚。 使用方法: 使用该滑动按钮插件需要在页面中引入jquery和m…
FancySelect - 扁平化风格下拉框美化jQuery插件 PetitQ 按钮图标 2018-11-10 1.28K 0 1 FancySelect是一款小巧实用的jQuery下拉框美化插件。该下拉框美化插件采用扁平化设计风格,是追求时尚的开发者的首选下拉框美化插件之一。FancySelect实用十分简单,它可以和jQuery或Zepto结合使用。在页面中…
FancySelect - 扁平化风格下拉框美化jQuery插件 PetitQ 按钮图标 2018-11-10 1.28K 0 1 FancySelect是一款小巧实用的jQuery下拉框美化插件。该下拉框美化插件采用扁平化设计风格,是追求时尚的开发者的首选下拉框美化插件之一。FancySelect实用十分简单,它可以和jQuery或Zepto结合使用。在页面中…
ES6炫酷开关按钮插件 PetitQ 按钮图标 2019-2-21 1.76K 0 2 这是一款使用ES6编写的iOS样式开关按钮插件。该开关按钮切换状态时带炫酷的动画特效,支持npm安装,支持插槽和自定义样式,使用非常方便。 Npm安装 npm i jelly-switch 或在页面中直接引入。 使用模块导入 imp…
ES6炫酷开关按钮插件 PetitQ 按钮图标 2019-2-21 1.76K 0 2 这是一款使用ES6编写的iOS样式开关按钮插件。该开关按钮切换状态时带炫酷的动画特效,支持npm安装,支持插槽和自定义样式,使用非常方便。 Npm安装 npm i jelly-switch 或在页面中直接引入。 使用模块导入 imp…