垂直时间轴特效CSS3代码 PetitQ 其他代码 2019-11-27 1.34K 0 0 使用方法 在HTML文件中引入 HTML结构 2019 Web Development ...... 2018 Web Designing ...... CSS样式 .main-timeline{ font-family: 'Rob…
垂直时间轴特效CSS3代码 PetitQ 其他代码 2019-11-27 1.34K 0 0 使用方法 在HTML文件中引入 HTML结构 2019 Web Development ...... 2018 Web Designing ...... CSS样式 .main-timeline{ font-family: 'Rob…
纯js二维码生成插件 PetitQ 其他代码 2018-10-29 2.24K 0 0 qrjs2.js是一款仿纯js二维码生成插件。该二维码生成插件能生成4种类型的二维码:SVG格式的二维码,data URI为SVG的图像,data URI为PNG的图像,和表格形式的二维码。 使用方法: 在页面中引入qrjs2.mi…
纯js二维码生成插件 PetitQ 其他代码 2018-10-29 2.24K 0 0 qrjs2.js是一款仿纯js二维码生成插件。该二维码生成插件能生成4种类型的二维码:SVG格式的二维码,data URI为SVG的图像,data URI为PNG的图像,和表格形式的二维码。 使用方法: 在页面中引入qrjs2.mi…
jQuery+CSS3精美时钟插件 PetitQ 其他代码 2018-11-03 2.36K 0 0 这是一款jQuery和CSS3精美时钟插件。该插件使用简单,易于扩展,采用响应式设计,可以制作出非常逼真的时钟效果。它的特点还有: 响应式设计,可调节、可定制 代码简洁,使用简单 支持三种尺寸的时钟显示:X small, X lar…
jQuery+CSS3精美时钟插件 PetitQ 其他代码 2018-11-03 2.36K 0 0 这是一款jQuery和CSS3精美时钟插件。该插件使用简单,易于扩展,采用响应式设计,可以制作出非常逼真的时钟效果。它的特点还有: 响应式设计,可调节、可定制 代码简洁,使用简单 支持三种尺寸的时钟显示:X small, X lar…
炫酷CSS3预加载动画特效 PetitQ 其他代码 2019-1-04 1.81K 0 0 这是一款超酷CSS3 loading预加载动画特效。该loading特效共有4种不同的效果,分别通过不同的CSS3 keyframes帧动画来完成。 HTML结构 4种loading预加载动画的HTML结构分别如下: CSS样式 然…
炫酷CSS3预加载动画特效 PetitQ 其他代码 2019-1-04 1.81K 0 0 这是一款超酷CSS3 loading预加载动画特效。该loading特效共有4种不同的效果,分别通过不同的CSS3 keyframes帧动画来完成。 HTML结构 4种loading预加载动画的HTML结构分别如下: CSS样式 然…
基于CSS3和GSAP的超酷盒子爆炸动画特效 PetitQ 其他代码 2019-3-01 2.18K 0 1 这是一款使用GSAP的TweenMax.js和CSS3来制作的效果炫酷的盒子爆炸动画特效。该爆炸动画在用户点击页面中的一个弹跳的盒子的时候,盒子会爆炸为烟雾,然后会出现SVG Logo,整个效果非常连贯逼真。 HTML结构 该盒子爆…
基于CSS3和GSAP的超酷盒子爆炸动画特效 PetitQ 其他代码 2019-3-01 2.18K 0 1 这是一款使用GSAP的TweenMax.js和CSS3来制作的效果炫酷的盒子爆炸动画特效。该爆炸动画在用户点击页面中的一个弹跳的盒子的时候,盒子会爆炸为烟雾,然后会出现SVG Logo,整个效果非常连贯逼真。 HTML结构 该盒子爆…
普通Dom转换为可拖拽最大/小化窗口插件 PetitQ 其他代码 2019-6-07 1.38K 0 0 这是一款可以将任何HTML元素转换为可平移、拖拽、最大化、最小化窗口的js插件。你可以使用插件全部功能,或者只使用某个子功能,入单独使用最小化功能。 使用方法 在页面中引入下面的文件。 初始化插件 interactive(Eleme…
普通Dom转换为可拖拽最大/小化窗口插件 PetitQ 其他代码 2019-6-07 1.38K 0 0 这是一款可以将任何HTML元素转换为可平移、拖拽、最大化、最小化窗口的js插件。你可以使用插件全部功能,或者只使用某个子功能,入单独使用最小化功能。 使用方法 在页面中引入下面的文件。 初始化插件 interactive(Eleme…
js批量上传文件特效代码 PetitQ 其他代码 2020-10-29 1.57K 0 0 今天接受项目中要完成文件批量上传文件而且还要显示上传进度,一开始觉得这个应该不是很麻烦,当我在做的时候遇到了很多问题,很头疼啊。不过看了别人写的代码,自己也测试过,发现网上好多都存在一些问题,并不是自己想要的,可实现删除,图片预览,…
js批量上传文件特效代码 PetitQ 其他代码 2020-10-29 1.57K 0 0 今天接受项目中要完成文件批量上传文件而且还要显示上传进度,一开始觉得这个应该不是很麻烦,当我在做的时候遇到了很多问题,很头疼啊。不过看了别人写的代码,自己也测试过,发现网上好多都存在一些问题,并不是自己想要的,可实现删除,图片预览,…
所见即所得Markdown编辑器tui.editor PetitQ 其他代码 2018-10-30 3.83K 0 0 tui.editor(TOAST UI Editor)是一款所见即所得的Markdown编辑器。TOAST UI Editor提供Markdown模式和WYSIWYG模式。它的功能非常强大,你可以编辑表格,UML图和图表等。 HTM…
所见即所得Markdown编辑器tui.editor PetitQ 其他代码 2018-10-30 3.83K 0 0 tui.editor(TOAST UI Editor)是一款所见即所得的Markdown编辑器。TOAST UI Editor提供Markdown模式和WYSIWYG模式。它的功能非常强大,你可以编辑表格,UML图和图表等。 HTM…
基于moment日期选择器jQuery插件 PetitQ 其他代码 2018-11-03 1.64K 0 0 jQueryDatePicker是一款基于moment.js的jQuery日期选择器插件。该日期选择器插件使用moment.js来解析,校验和格式化日期时间,并提供ES5和ES6两种版本。 使用方法: 使用该日期选择器需要引入jqu…
基于moment日期选择器jQuery插件 PetitQ 其他代码 2018-11-03 1.64K 0 0 jQueryDatePicker是一款基于moment.js的jQuery日期选择器插件。该日期选择器插件使用moment.js来解析,校验和格式化日期时间,并提供ES5和ES6两种版本。 使用方法: 使用该日期选择器需要引入jqu…
多个元素CSS3过渡效果插件 PetitQ 其他代码 2019-1-20 1.56K 0 0 AnimateTransition是一款允许在多个元素之间制作CSS3过渡效果的js插件。该过渡效果插件可以在不同的场合中使用,可以用于制作页面过渡效果,也可以用于制作各种模态窗口。该CSS3过渡效果插件通过使用硬件加速的CSS转换…
多个元素CSS3过渡效果插件 PetitQ 其他代码 2019-1-20 1.56K 0 0 AnimateTransition是一款允许在多个元素之间制作CSS3过渡效果的js插件。该过渡效果插件可以在不同的场合中使用,可以用于制作页面过渡效果,也可以用于制作各种模态窗口。该CSS3过渡效果插件通过使用硬件加速的CSS转换…
纯CSS3超酷书架样式404页面动画特效 PetitQ 其他代码 2019-3-10 2.15K 0 1 这是一款使用CSS3帧动画来制作的炫酷404页面动画特效。该404页面以书架为主题,当某个页面不存在时,以书架中找不到这本书来表示,非常有创意。 HTML结构 该404页面使用一个<nav>元素来作为导航。 Home p…
纯CSS3超酷书架样式404页面动画特效 PetitQ 其他代码 2019-3-10 2.15K 0 1 这是一款使用CSS3帧动画来制作的炫酷404页面动画特效。该404页面以书架为主题,当某个页面不存在时,以书架中找不到这本书来表示,非常有创意。 HTML结构 该404页面使用一个<nav>元素来作为导航。 Home p…
svg-gauge 圆形进度条插件 PetitQ 其他代码 2019-8-21 1.53K 0 0 svg-gauge是一款基于SVG的圆形进度条插件。该插件无任何依赖,可以轻松的制作出各种圆形进度条,以及圆形进度条的动画特效。 HTML结构 最简单的按钮HTML结构如下。 CSS样式 .gauge-container { wid…
svg-gauge 圆形进度条插件 PetitQ 其他代码 2019-8-21 1.53K 0 0 svg-gauge是一款基于SVG的圆形进度条插件。该插件无任何依赖,可以轻松的制作出各种圆形进度条,以及圆形进度条的动画特效。 HTML结构 最简单的按钮HTML结构如下。 CSS样式 .gauge-container { wid…