漂亮简约bootstrap分页样式 PetitQ 其他代码 2019-1-21 3.06K 0 2 这是两款漂亮的bootstrap分页样式。他们在元素bootstrap3分页样式的基础上,通过简单的CSS3代码来对它进行美化,生成漂亮的分页样式。 使用方法 在页面中引入bootstrap文件。 HTML结构 这两款分页样式的基本…
漂亮简约bootstrap分页样式 PetitQ 其他代码 2019-1-21 3.06K 0 2 这是两款漂亮的bootstrap分页样式。他们在元素bootstrap3分页样式的基础上,通过简单的CSS3代码来对它进行美化,生成漂亮的分页样式。 使用方法 在页面中引入bootstrap文件。 HTML结构 这两款分页样式的基本…
实用密码强度检测jQuery插件 PetitQ 其他代码 2018-10-29 1.86K 0 2 passwordRulesHelper.js是一款非常实用的密码强度检测jQuery插件。该插件内置5种密码强度规则,例如密码中必须包含大写字母和数字等。你也可以自定义自己的密码强度规则。 使用方法: 在页面中引入jquery和pa…
实用密码强度检测jQuery插件 PetitQ 其他代码 2018-10-29 1.86K 0 2 passwordRulesHelper.js是一款非常实用的密码强度检测jQuery插件。该插件内置5种密码强度规则,例如密码中必须包含大写字母和数字等。你也可以自定义自己的密码强度规则。 使用方法: 在页面中引入jquery和pa…
CSS/Sass制作3D立方体进度条特效 PetitQ 其他代码 2019-1-25 1.84K 0 2 这是一组通过纯CSS3/Sass制作的效果非常炫酷的3D立方体进度条特效。这组特效中展示了如何使用盒子阴影和渐变来制作各种不同效果的3D立方体进度条皮肤效果。该3D立方体进度条的UI使用纯CSS制作,由于使用的都是一些比较新的CSS…
CSS/Sass制作3D立方体进度条特效 PetitQ 其他代码 2019-1-25 1.84K 0 2 这是一组通过纯CSS3/Sass制作的效果非常炫酷的3D立方体进度条特效。这组特效中展示了如何使用盒子阴影和渐变来制作各种不同效果的3D立方体进度条皮肤效果。该3D立方体进度条的UI使用纯CSS制作,由于使用的都是一些比较新的CSS…
添加到购物车动画特效jQuery插件 PetitQ 其他代码 2021-1-27 2.17K 0 1 这是一款jQuery添加到购物车动画特效插件。该插件可以非常方便的制作出点击商品购买按钮,商品飞入购物车的动画特效。 使用方法 在页面中引入jquery和jquery.animate_from_to-1.0.js文件。 HTML结构…
添加到购物车动画特效jQuery插件 PetitQ 其他代码 2021-1-27 2.17K 0 1 这是一款jQuery添加到购物车动画特效插件。该插件可以非常方便的制作出点击商品购买按钮,商品飞入购物车的动画特效。 使用方法 在页面中引入jquery和jquery.animate_from_to-1.0.js文件。 HTML结构…
CSS3彩色进度条动画特效 PetitQ 其他代码 2019-9-23 1.44K 0 1 这是一款css3彩色进度条动画特效。该CSS3进度条动画特效中包含了三种动画特效,它们通过HMTL代码和简单的CSS3来实现彩色进度条的不同动画效果。 HTML结构 css样式 body { font-family: 'Montse…
CSS3彩色进度条动画特效 PetitQ 其他代码 2019-9-23 1.44K 0 1 这是一款css3彩色进度条动画特效。该CSS3进度条动画特效中包含了三种动画特效,它们通过HMTL代码和简单的CSS3来实现彩色进度条的不同动画效果。 HTML结构 css样式 body { font-family: 'Montse…
jquery实现简单计算器特效 PetitQ 其他代码 2018-10-30 1.98K 0 1 这是一款jquery实现简单计算器代码。该jquery计算器使用 Bootstrap 4进行布局,并结合math.js数学库,实现简单的加减乘除和平方,开方等数学计算。 使用方法: 在页面中引入bootstrap 4,jquery和…
jquery实现简单计算器特效 PetitQ 其他代码 2018-10-30 1.98K 0 1 这是一款jquery实现简单计算器代码。该jquery计算器使用 Bootstrap 4进行布局,并结合math.js数学库,实现简单的加减乘除和平方,开方等数学计算。 使用方法: 在页面中引入bootstrap 4,jquery和…
基于CSS3和GSAP的超酷盒子爆炸动画特效 PetitQ 其他代码 2019-3-01 2.17K 0 1 这是一款使用GSAP的TweenMax.js和CSS3来制作的效果炫酷的盒子爆炸动画特效。该爆炸动画在用户点击页面中的一个弹跳的盒子的时候,盒子会爆炸为烟雾,然后会出现SVG Logo,整个效果非常连贯逼真。 HTML结构 该盒子爆…
基于CSS3和GSAP的超酷盒子爆炸动画特效 PetitQ 其他代码 2019-3-01 2.17K 0 1 这是一款使用GSAP的TweenMax.js和CSS3来制作的效果炫酷的盒子爆炸动画特效。该爆炸动画在用户点击页面中的一个弹跳的盒子的时候,盒子会爆炸为烟雾,然后会出现SVG Logo,整个效果非常连贯逼真。 HTML结构 该盒子爆…
JSONView - 格式化高亮JSON格式数据查看插件 PetitQ 其他代码 2018-11-06 2.77K 0 1 jQuery JSONView是一款非常实用的格式化和语法高亮JSON格式数据查看器jQuery插件。通过该插件可以将JSON格式的数据进行格式输出,便于阅读,同时它还支持各种数据类型的语法高亮,以及节点的收缩和展开等。 使用方法:…
JSONView - 格式化高亮JSON格式数据查看插件 PetitQ 其他代码 2018-11-06 2.77K 0 1 jQuery JSONView是一款非常实用的格式化和语法高亮JSON格式数据查看器jQuery插件。通过该插件可以将JSON格式的数据进行格式输出,便于阅读,同时它还支持各种数据类型的语法高亮,以及节点的收缩和展开等。 使用方法:…
A-Keyboard - 桌面虚拟键盘jQuery插件 PetitQ 其他代码 2019-11-01 1.52K 0 1 A-Keyboard是一款js虚拟键盘插件。该插件可以在桌面端模拟普通键盘,移动端键盘和数字键盘。并且内置了几种可选用的主题效果。 使用方法 内置主题的CSS文件 初始化插件 通过模块化的方式来使用插件。 const keyboar…
A-Keyboard - 桌面虚拟键盘jQuery插件 PetitQ 其他代码 2019-11-01 1.52K 0 1 A-Keyboard是一款js虚拟键盘插件。该插件可以在桌面端模拟普通键盘,移动端键盘和数字键盘。并且内置了几种可选用的主题效果。 使用方法 内置主题的CSS文件 初始化插件 通过模块化的方式来使用插件。 const keyboar…
CSS3简洁滑块设计jQuery效果 PetitQ 其他代码 2018-12-28 1.69K 0 1 这是一款jquery和CSS3简洁滑块设计效果。该滑块通过CSS3进行布局,然后通过简单的jquery代码来在用户拖动滑块时,获取相应的数值。 使用方法 在页面中引入下面的文件。 HTML结构 滑块的HTML结果如下: 0 0 0 …
CSS3简洁滑块设计jQuery效果 PetitQ 其他代码 2018-12-28 1.69K 0 1 这是一款jquery和CSS3简洁滑块设计效果。该滑块通过CSS3进行布局,然后通过简单的jquery代码来在用户拖动滑块时,获取相应的数值。 使用方法 在页面中引入下面的文件。 HTML结构 滑块的HTML结果如下: 0 0 0 …
纯CSS3超酷书架样式404页面动画特效 PetitQ 其他代码 2019-3-10 2.13K 0 1 这是一款使用CSS3帧动画来制作的炫酷404页面动画特效。该404页面以书架为主题,当某个页面不存在时,以书架中找不到这本书来表示,非常有创意。 HTML结构 该404页面使用一个<nav>元素来作为导航。 Home p…
纯CSS3超酷书架样式404页面动画特效 PetitQ 其他代码 2019-3-10 2.13K 0 1 这是一款使用CSS3帧动画来制作的炫酷404页面动画特效。该404页面以书架为主题,当某个页面不存在时,以书架中找不到这本书来表示,非常有创意。 HTML结构 该404页面使用一个<nav>元素来作为导航。 Home p…
Clipboard - 复制文本到剪贴板JavaScript插件 PetitQ 其他代码 2018-10-29 2.37K 0 1 clipboard.js是一款轻量级的实现复制文本到剪贴板功能的JavaScript插件。通过该插件可以将输入框,文本域,DIV元素中的文本等文本内容复制到剪贴板中。它不依赖flash,使用非常简单。 使用方法: 或者下载压缩包,在…
Clipboard - 复制文本到剪贴板JavaScript插件 PetitQ 其他代码 2018-10-29 2.37K 0 1 clipboard.js是一款轻量级的实现复制文本到剪贴板功能的JavaScript插件。通过该插件可以将输入框,文本域,DIV元素中的文本等文本内容复制到剪贴板中。它不依赖flash,使用非常简单。 使用方法: 或者下载压缩包,在…