Filerobot 图片编辑器Javascript插件 PetitQ 图片/图形 2019-6-20 3.14K 0 0 Filerobot是一款js图片编辑器插件,Filerobot可以对图片进行修改尺寸,剪裁,旋转,以及使用内置的滤镜对图片进行过滤。 使用方法 在页面中引入下面的文件。 初始化插件 filerbot的使用方法非常简单,实例化一个Im…
Filerobot 图片编辑器Javascript插件 PetitQ 图片/图形 2019-6-20 3.14K 0 0 Filerobot是一款js图片编辑器插件,Filerobot可以对图片进行修改尺寸,剪裁,旋转,以及使用内置的滤镜对图片进行过滤。 使用方法 在页面中引入下面的文件。 初始化插件 filerbot的使用方法非常简单,实例化一个Im…
HTML5炫酷光粒子动画特效 PetitQ 其他代码 2019-6-19 3K 0 1 这是一款HTML5炫酷光粒子动画特效。该特效通过js在页面中生成canvas元素,并通过算法在其中生成炫酷的光粒子动画特效。 使用方法 在页面中引入下面的文件。 javascript "use strict"; const part…
HTML5炫酷光粒子动画特效 PetitQ 其他代码 2019-6-19 3K 0 1 这是一款HTML5炫酷光粒子动画特效。该特效通过js在页面中生成canvas元素,并通过算法在其中生成炫酷的光粒子动画特效。 使用方法 在页面中引入下面的文件。 javascript "use strict"; const part…
CSS3可拖拽的横向图片预览布局 PetitQ 布局框架 2019-6-19 1.79K 0 0 这是一款js和CSS3可拖拽的横向图片预览布局。该布局将所有图片在屏幕中央进行横向排布,可以通过鼠标前后拖拽图片。当点击图片的标号时,隐藏所有的缩略图,在屏幕上显示当前被点击的图片。该布局使用TweenMax来制作动画特效,拖拽效果…
CSS3可拖拽的横向图片预览布局 PetitQ 布局框架 2019-6-19 1.79K 0 0 这是一款js和CSS3可拖拽的横向图片预览布局。该布局将所有图片在屏幕中央进行横向排布,可以通过鼠标前后拖拽图片。当点击图片的标号时,隐藏所有的缩略图,在屏幕上显示当前被点击的图片。该布局使用TweenMax来制作动画特效,拖拽效果…
纯javascript实现360度旋转预览图片特效 PetitQ 图片/图形 2019-6-17 2.39K 0 0 这是一款纯js实现360度旋转预览图片特效。该js特效仅使用120行代码,即可实现通过滑块、或鼠标手动360度旋转图片,以及自动360度旋转图片的效果。 HTML结构 Range Drag / Swipel Canvas Loadi…
纯javascript实现360度旋转预览图片特效 PetitQ 图片/图形 2019-6-17 2.39K 0 0 这是一款纯js实现360度旋转预览图片特效。该js特效仅使用120行代码,即可实现通过滑块、或鼠标手动360度旋转图片,以及自动360度旋转图片的效果。 HTML结构 Range Drag / Swipel Canvas Loadi…
多格式功能移动端日期选择插件 PetitQ 其他代码, 表单/表格 2019-6-17 1.96K 0 4 rolldate是一款多格式、功能强大的移动端日期选择插件。该插件可以在移动端实现iOS样式的日期时间选择效果。支持多种时间格式,使用better-scroll作为滑动插件,支持自定义语言和回调函数等,功能非常强大。 使用方法 在页…
多格式功能移动端日期选择插件 PetitQ 其他代码, 表单/表格 2019-6-17 1.96K 0 4 rolldate是一款多格式、功能强大的移动端日期选择插件。该插件可以在移动端实现iOS样式的日期时间选择效果。支持多种时间格式,使用better-scroll作为滑动插件,支持自定义语言和回调函数等,功能非常强大。 使用方法 在页…
基于bootstrap4封装的消息对话框组件 PetitQ 对话框/Tips 2019-6-13 2.06K 0 0 这是一款基于bootstrap4封装的消息对话框组件。该消息组件包括dialog,alert,confirm,input,success,error,notice。并且对话框支持鼠标或手指触摸拖拽。 使用方法 在页面中引入下面的文件…
基于bootstrap4封装的消息对话框组件 PetitQ 对话框/Tips 2019-6-13 2.06K 0 0 这是一款基于bootstrap4封装的消息对话框组件。该消息组件包括dialog,alert,confirm,input,success,error,notice。并且对话框支持鼠标或手指触摸拖拽。 使用方法 在页面中引入下面的文件…
Tab在底部的tabs选项卡jQuery插件 PetitQ Tab选项卡 2019-6-13 3.27K 0 0 这是一款基于bootstrap的选项卡。该选项卡的tab被设计在底部,通过简单的CSS代码来对其进行美化,效果非常不错。 使用方法 在页面中引入下面的文件。 HTML结构 &t;div class="container"gt; &t…
Tab在底部的tabs选项卡jQuery插件 PetitQ Tab选项卡 2019-6-13 3.27K 0 0 这是一款基于bootstrap的选项卡。该选项卡的tab被设计在底部,通过简单的CSS代码来对其进行美化,效果非常不错。 使用方法 在页面中引入下面的文件。 HTML结构 &t;div class="container"gt; &t…
超炫酷UI效果的jQuery滑块插件 PetitQ 其他代码 2019-6-13 2.27K 0 0 这是一款超炫酷UI效果的jQuery滑块插件。该滑块插件采用响应式设计,基于svg,支持键盘操作,带有漂亮的半透明UI效果。 使用方法 在页面中引入下面的文件。 HTML结构 Ruler slider Fixed ruler sli…
超炫酷UI效果的jQuery滑块插件 PetitQ 其他代码 2019-6-13 2.27K 0 0 这是一款超炫酷UI效果的jQuery滑块插件。该滑块插件采用响应式设计,基于svg,支持键盘操作,带有漂亮的半透明UI效果。 使用方法 在页面中引入下面的文件。 HTML结构 Ruler slider Fixed ruler sli…
可为Textarea添加行号的jQuery插件 PetitQ 文本/链接 2019-6-11 3.13K 0 1 这是一款可为textarea添加行号的jquery插件。该插件可以为普通的textarea文本框在左侧添加一个行号,使用非常简单。 使用方法 在页面中引入下面的文件。 HTML结构 这里是第一行内容 这里是第二行内容 这里是第三行内…
可为Textarea添加行号的jQuery插件 PetitQ 文本/链接 2019-6-11 3.13K 0 1 这是一款可为textarea添加行号的jquery插件。该插件可以为普通的textarea文本框在左侧添加一个行号,使用非常简单。 使用方法 在页面中引入下面的文件。 HTML结构 这里是第一行内容 这里是第二行内容 这里是第三行内…
普通Dom转换为可拖拽最大/小化窗口插件 PetitQ 其他代码 2019-6-07 1.69K 0 0 这是一款可以将任何HTML元素转换为可平移、拖拽、最大化、最小化窗口的js插件。你可以使用插件全部功能,或者只使用某个子功能,入单独使用最小化功能。 使用方法 在页面中引入下面的文件。 初始化插件 interactive(Eleme…
普通Dom转换为可拖拽最大/小化窗口插件 PetitQ 其他代码 2019-6-07 1.69K 0 0 这是一款可以将任何HTML元素转换为可平移、拖拽、最大化、最小化窗口的js插件。你可以使用插件全部功能,或者只使用某个子功能,入单独使用最小化功能。 使用方法 在页面中引入下面的文件。 初始化插件 interactive(Eleme…
现代时尚消息通知提示javascript插件 PetitQ 对话框/Tips 2019-6-07 2.49K 0 0 这是一款现代时尚的js消息通知插件。该js消息通知插件提供漂亮的UI效果,和多种主题,支持自定义消息框的弹出位置等,使用简单方便。 内置漂亮的UI效果和多种主题、 轻量级,压缩后只有18K。 纯js编写,没有任何依赖。 支持IE11…
现代时尚消息通知提示javascript插件 PetitQ 对话框/Tips 2019-6-07 2.49K 0 0 这是一款现代时尚的js消息通知插件。该js消息通知插件提供漂亮的UI效果,和多种主题,支持自定义消息框的弹出位置等,使用简单方便。 内置漂亮的UI效果和多种主题、 轻量级,压缩后只有18K。 纯js编写,没有任何依赖。 支持IE11…
时尚简洁轮播图幻灯片特效插件 PetitQ 幻灯片/轮播 2019-6-05 1.88K 0 0 这是一款时尚简洁的js轮播图特效插件。该轮播图采用es6语法制作,底部带缩略图和描述信息,图片和描述信息在切换时同步滑动。 使用方法 在页面中引入下面的文件。 HTML结构 Stephen Shaw Lorem ipsum dolo…
时尚简洁轮播图幻灯片特效插件 PetitQ 幻灯片/轮播 2019-6-05 1.88K 0 0 这是一款时尚简洁的js轮播图特效插件。该轮播图采用es6语法制作,底部带缩略图和描述信息,图片和描述信息在切换时同步滑动。 使用方法 在页面中引入下面的文件。 HTML结构 Stephen Shaw Lorem ipsum dolo…