delmarks-优快云博客

原创 CSS3和js谷歌Material Design进度条插件

mprogress是一款使用纯JS和CSS3制作的谷歌Material Design样式的进度条插件。该插件没有依赖任何外部库。它可以制作4种类型的进度条动画，使用扁平化设计，非常时尚。该进度条插件有4种类型的动画方式，分别是：确定型、缓冲型、不确定型和查询确定型。 mprogress是移动设备优先的js插件，◦所有类型的进度条都可以工作在Chrome 和 Firefox浏览器上。De

2015-02-06 12:30:46 1497

原创 Bootstrup的炫酷jQuery开关按钮插件

这是一款基于bootstrap的超酷jQuery开关按钮插件。该开关按钮插件可以将复选框和单选按钮转换为安卓样式的开关按钮。该插件可以设置开关按钮的颜色、是否可用、显示文本等属性，还可以将开关按钮放置到模态窗口中显示。该开关按钮可以基于 Bootstrup3，也可以基于Bootstrup2，使用非常方便。在线演示：http://www.htmleaf.com/Demo/201502

2015-02-06 12:26:01 2120

原创模拟真实物体运动的js动画库插件-Anima

Anima是一款可以同时控制许多对象进行动画的js插件。并且每一个对象都有它们各自的质量和密度以模拟现实生活中的物体。CSS3动画有一些限制，最主要的是你不可以真正完全的控制它们。如果不使用一些技巧的话，你几乎不可能停止动画的过渡。Anima是一个基本的物理基础js动画库框架。你可以通过它很容易的创建现实生活中的物体运动动画。Anima经过压缩后只有5K大小。在线演示：http

2015-02-05 12:31:11 3563

原创 Bootstrup增强版jQuery slider滑块插件

这是一款在原生bootstrup slider的基础上制作效果非常炫酷的jQuery slider插件。该slider插件可以自定义slider的颜色、形状、透明度和tooltip等属性，美化的效果非常好。这个bootstrup slider插件可以不依赖于jquery，使用纯js的方式也可以操作它。作为jQuery插件版本的bootstrap-slidervar mySlider

2015-02-05 12:18:44 2520

原创 jQuery彩色条纹进度条插件

这是一款效果非常炫酷时尚的jQuery彩色条纹进度条插件。该进度条插件可以定制多种颜色，并且可以定制是否显示进度条动画。进度条可以是彩带模式，也可以使纯色模式。该jq进度条插件最大的特点是进度条进入视口时才开始产生动画，效果非常好。该进度条jquery插件使用了Flat UI Color Scheme来生成进度条的配色方案。如果你使用的颜色的class没有被提供，将会显示为灰色。

2015-02-04 12:18:34 1183

原创带CSS3过渡效果的模态窗口js插件

Custombox是一款带CSS3过渡效果的模态窗口js插件。该插件使用原生js制作，但它也可以和jQuery完美结合，作为jQuery插件来使用。插件中带有20中不同css3过渡效果的模态窗口。除了传统的淡入淡出、翻转、旋转等效果，该插件还增加了开门、推拉、角部放大的那个六种效果。该模态窗口jquery插件可以工作在 IE 8-11, Firefox, Chrome, Safari 和 Op

2015-02-04 12:13:03 947

原创基于animate.css的jQuery文字动画插件

Morphext是一款简单、高性能和跨浏览器的jQuery文字动画插件。该文字动画jQuery插件基于Animate.css。你可以设置使用多个不同的句子，Morphext会以你指定的CSS3动画方式轮流显示它们。Morphext所做的事情是隐藏前一个文本短句，然后使用下一个来替换它。插件中已经为跨浏览器处理好了所有浏览器厂商的前缀问题，它可以为我们提供非常酷的文字动画效果。Animate

2015-02-03 12:45:24 1150

原创 HTML5 canvas生成图片马赛克特效插件

这是一款使用HTML5 canvas来将图片制作成马赛克效果的js插件。该马赛克插件可以使用canvas生成各种形状的像素马赛克，并将图片按照其颜色深度用不同颜色的马赛克进行渲染，效果十分逼真。该插件的灵感来自于美国肖像画家Chuck Close。已经有人使用这个js插件来制作了一个完整的图片马赛克应用框架：The Pixelator。这个马赛克效果js插件需要使用同源的图片，根据HT

2015-02-03 12:36:38 1831

原创 jQuery文字和图片列表滚动插件

这是一款可以使任何文字和图片列表进行水平和垂直滚动的jQuery插件。该jquery列表滚动插件可以使用任何列表、任何尺寸和任何内容。它可以设置水平和垂直滚动，自动滚动和无限循环滚动，非常适用于滚动新闻的制作。该jQuery文字图片滚动插件的特点和一些注意事项如下：使用非常简单。可以在任何形式的列表。列表中的元素可以是文字、图片等等。列表中的元素不能是固定定位，或者是相同的元素。列表元

2015-02-02 12:50:47 1358

原创 HTML5 canvas粒子生成人物面部轮廓插件

这是一款使用js制作的HTML5 canvas粒子生成人物面部轮廓插件。该js插件可以扫描图片中的人物面部阴暗和高亮面，并生成canvas也能够圆点来描绘出脸部轮廓。还可以用鼠标来和粒子进行互动。该插件不需要使用高分辨率的图片。但是图像必须放在相同域名的服务器上，由于安全原因，跨域名的图片不能在CANVAS中使用，查看Security with canvas elements。

2015-02-02 12:29:20 1457

原创实现跨浏览器CSS3 transitions效果的jQuery插件

tram.js是一款实现跨浏览器CSS3 transitions效果的jQuery插件。tram.js旨在提高CSS3 transition的性能和灵活性，并通过jQuery来定义它们。tram.js提供强大的API来实现auto-stopping、sequencing和跨浏览器等功能。当该jquery插件首次加载时，它将使用特性检测来判断浏览器是否支持CSS transitions。如果

2015-02-01 12:18:03 996

原创 svg.draggable.js-实现svg拖拽的js插件

svg.draggable.js是一款基于svg.js的html5 svg拖拽插件。该插件可以使用svg.js生成的svg图像具有拖拽功能，并且可以限制拖拽范围，还可以制作拖拽幻影特效。该插件需要svg.js v0.11以上版本的支持。在线演示：http://www.htmleaf.com/Demo/201501311305.html下载地址：http://www.htmlea

2015-02-01 12:06:59 4203

原创 html5轻量级炫酷js粒子动画库插件

这是一款基于html5 canvas的轻量级炫酷js粒子动画库插件。该粒子动画库js插件可以设置粒子的形状、旋转、分布、颜色等属性，还可以动态添加粒子，效果非常酷。同样的例子效果还有：HTML5 Canvas彩色的光粒子模拟粒子运动动画效果。在线演示：http://www.htmleaf.com/Demo/201501301300.html下载地址：http://www.ht

2015-01-31 13:27:46 2247

原创 html5轻量级操纵和制作SVG动画的js库-svg.js

svg.js是一个轻量级的操纵和制作SVG动画的js插件库。svg.js可以生成SVG图形、图像、文字和路径等等。svg.js还可以用于制作svg动画和互动拖拽等效果。svg.js不依赖与jQuery等外部插件库，它遵循麻省理工学院的许可（ MIT License）下许可证的条款。在线演示：http://www.htmleaf.com/Demo/201501301302.html

2015-01-31 13:22:15 1257

原创 html5图片分类过滤特效插件

这是一款使用html5和jQuery制作的非常实用的图片分类过滤特效插件。该插件使用html5的data-tags属性将图片进行分类，然后用jquery来实现动态图片过滤功能。这款插件中还集成了另一个jQuery插件-Quicksand 。它用于比较两个列表的列表项，然后在它们当中找到匹配的列表项，并将它们移动到新的位置上。在线演示：http://www.htmleaf.com/D

2015-01-30 12:43:55 1186

原创 12种炫酷html5 svg加载loading动画特效

这是一款使用html5 svg制作的加载loading动画特效插件。该加载loading动画特效共有12种效果，使用img标签直接调用svg文件来生成各种SVG动态图片。关于在页面中使用SVG的方法可以参考这篇文章：《如何在网页中使用SVG》。所有的现代浏览器都支持SVG（IE8及以下浏览器除外），你可以点的这里查看支持SVG的浏览器。在线演示：http://www.htmleaf

2015-01-30 12:38:02 9288

原创 jQuery炫酷点击变形全屏放大的模态窗口

这是一款效果非常炫酷的点击变形全屏放大的jQuery模态窗口插件。该模态窗口插件当用户点击某个按钮时，按钮先变形缩小变为圆形，然后在由小圆到大圆全屏放大，效果非常酷。最后在生成模态窗口的时候的动画效果使用jquery和Velocity以及CSS3 transition 和 transformations共同完成。在线演示：http://www.htmleaf.com/Demo/

2015-01-30 12:31:04 1038

原创 jQuery适合移动设备触摸屏的响应式幻灯片插件

flickity是一款响应式、适用于移动设备触摸屏、可滑动显示的jQuery幻灯片插件。该幻灯片插件可以设置多种显示效果，可以自动播放，是一款移动优先的jQuery幻灯片插件。你可以将该幻灯片插件当做一个jquery插件来调用。也可以使用纯js来调用该插件。还可以在HTML中初始化Flickity插件，不用写任何的js代码。在线演示：http://www.htmleaf.com/

2015-01-30 12:25:05 1046

原创一款模拟CSS3动画的js插件-move.js

Move.js是一款简单小巧的模拟CSS3动画的js插件。该插件可以完成CSS3的各种动画效果：移动、变形、倾斜、背景色渐变、旋转等。并且可以在动画中使用各种easing效果。类似插件可参考：可替代CSS3 transition和transform的jQuery插件。在线演示：http://www.htmleaf.com/Demo/201501281292.html下载地址：

2015-01-29 12:51:35 1343

原创可替代CSS3 transition和transform的jQuery插件

jQuery Transit是一款可制作超级平滑的CSS3 transformations 和 transitions动画的jQuery插件。它能够通过jquery来完成CSS转换和过渡动画效果，这对于一些不支持css3转换和过渡属性的浏览器来说是一个非常有用的jquery插件。在线演示：http://www.htmleaf.com/Demo/201501281290.html下载

2015-01-29 12:39:52 2100

原创 jQuery响应式网站图片无限加载瀑布流布局

这是一款效果非常酷的 jQuery 瀑布流布局无限加载图片效果。整个页面采用响应式布局，图片采用jQuery.Lazyload延时加载技术，提升整个页面的加载速度。该瀑布流插件还使用BlocksIt技术，在图片加载时有交互抢占位置的动画特效，效果非常炫酷。在线演示：http://www.htmleaf.com/Demo/2014100223.html下载地址：http://www

2015-01-28 12:32:58 1673

原创 js轻量级计数器动画特效插件

countUp.js是一款轻量级的、无依赖的计数器动画特效js插件。它能够帮助我们快速的通过多种方式创建计数器的动态变化效果。还可以控制计数器的暂停、恢复、重置等状态。通过设置startVal和endVal参数，countUp 可以在任何一个方向上计数。countUp兼容性超强，兼容所有的浏览器。在线演示：http://www.htmleaf.com/Demo/20150127128

2015-01-28 12:23:39 1733 1

原创 tween.js可生成平滑动画效果的js动画库

tween.js是一款可生成平滑动画效果的js动画库。tween.js允许你以平滑的方式修改元素的属性值。它可以通过设置生成各种类似CSS3动画效果。相关的jquery插件还有：snabbt.js 强大的jQuery动画库插件和Tweene-超级强大的jQuery动画代理插件。tween.js允许你以平滑的方式修改元素的属性值。你只需要告诉tween你想修改什么值，以及动画结束时它的最终值

2015-01-28 12:10:15 1535

原创 HTML5 SVG简单的动态绘制轮廓线条动画插件

walkway是一款非常简单的HTML5SVG动态绘制轮廓线条动画插件。它支持SVG的path，line 和 polyline元素。walkway使用起来简单方便，可以制作出非常酷的SVG线条动态绘制效果。更好的动态绘制线条插件可以参考：html5 svg线条动态绘制文字轮廓边框动画、HTML5 SVG图形轮廓线条绘制动画插件-vivus 和html5 svg线条动态绘制iphon

2015-01-27 13:26:55 3623

原创 snabbt.js 强大的jQuery动画库插件

snabbt.js是一款轻量级的、功能强大的、简单易用的jQuery插件。snabbt.js提供了丰富的函数和接口来组合各种动画效果，它的过渡动画效果可以和CSS transform媲美，是一个非常强大的js动画库。snabbt.js的每秒传输帧数（刷新率）达到60FPS，即使是移动设备上也能达到这个数值。它的大小只有4KB，非常轻便。使用snabbt.js可以很容易的将元素移动、旋转、放大缩

2015-01-27 13:19:25 1906

原创 HTML5 SVG图形轮廓线条绘制动画插件-vivus

Vivus是一款可以执行SVG路径动画的轻量级Javascript库。Vivus可以绘制SVG图形的外观。通过该svg路径动画插件，你可以使用同步或异步的方式来执行SVG图像路径的动画。Vivus提供各种不同的动画参数来让你定制你自己的SVG路径动画。类似的动画效果还有：html5 svg线条动态绘制文字轮廓边框动画和 html5 svg线条动态绘制iphone边框动画效果。

2015-01-27 13:13:55 1838

原创 Tweene-超级强大的jQuery动画代理插件

Tweene是一款功能强大的jQuery动画代理插件。Tweene可以在不同的动画库之间进行切换，使你能够同时使用不同的动画库而不必修改你的动画代码。使用Tweene可以很好进行各种动画控制。现在已经有许多的javascript动画库插件，如 snabbt.js ，它们每一个都有自己的优点和不足。每个程序员和每个项目都有其特定的要求，所以有时一个动画库可能不能满足我们的需要。我们并不建议你放弃

2015-01-26 12:52:02 1052

原创纯CSS3超酷3D旋转立方体动画特效

这是一款效果非常炫酷的纯CSS3 3D旋转立方体动画特效。该3D立方体使用CSS3 perspective制作，可以在水平方向、垂直方向和平面视角方向旋转，效果相当震撼。使用CSS3来制作动画效果已经成为WEB前端开发的一种时尚，从简单的颜色和尺寸动画，到复杂的旋转、翻转动画，CSS3 展现了它无穷的魅力。使用CSS来制作立方体动画，代码简洁易懂，效果更是令人惊叹！在线演示：htt

2015-01-26 12:46:32 2191

原创纯CSS3炫酷3D折叠面板动画特效

这是一款效果非常炫酷的CSS3 3D折叠面板动画特效。该折叠面板特效当鼠标移动到图片上时，一个面板会以3d折叠的方式在顶部展开，并显示图片的标题等信息。。这个效果使用3D CSS animations 来制作折叠面板的动画，纯CSS，没有使用javascript。在线演示：http://www.htmleaf.com/Demo/201501251276.html下载地址：http:

2015-01-26 12:43:32 2169

原创 11款适合移动设备使用CSS3分页导航条

这是一组适合移动设备使用CSS3分页导航条插件。共有11种不同样式的分页导航条。它们在移动设备上能够很好的工作，是一款移动优先的分页导航条插件。分页导航条的作用是用户通过分页链接来浏览你的全部内容。一个可替代的方法是使用瀑布流布局，它们各有长处和短处。在线演示：http://www.htmleaf.com/Demo/201501241269.html下载地址：http://www.

2015-01-25 13:06:21 1015

原创 html5炫酷购物车结算动画特效

这是一款效果十分炫酷的html5购物车结算动画特效插件。该购物车结算动画提供了4种效果，每种效果都使用CSS3来制作炫酷的动画特效，这些效果使用户的购物结算体验大大的增强了。在线演示：http://www.htmleaf.com/Demo/201501231255.html下载地址：http://www.htmleaf.com/html5/html5muban/20150123

2015-01-25 13:01:58 2117

原创基于Vue的响应式轮播插件|vue-owl-carousel

vue-owl-carousel 是一个基于Vue的响应式轮播插件，灵感来源于 jQuery 插件 owlCarousel。它提供了类似于 owlCarousel 的 API 和功能，同时结合了 Vue 的特性，使得它易于使用和扩展。

2023-03-01 09:37:59 2488 1

原创 vuejs-datepicker|简单易用的Vue.js日期选择组件

vuejs-datepicker是一个简单易用的Vue.js日期选择组件。它使用了Bootstrap 4的样式，支持多种语言，具有直观的界面，易于配置和扩展。

2023-02-22 09:42:41 13155 1

原创 vue-markdown|基于marked.js的Vue Markdown插件

vue-markdown 是一个基于 marked.js 的 Vue Markdown 插件。它是一个简单易用的 Markdown 解析器，可以方便地将 Markdown 文档解析为 HTML。

2023-02-15 09:28:18 16714 6

转载 vue评分组件|awesome-vue-star-rating

awesome-vue-star-rating是一款纯vue评分插件，它可以自定义的评分和评分说明，自定义的星数等，简单易用。

2023-02-13 09:48:04 1033

转载 vue3-snackbar简单vue消息提示组件

vue3-snackbar是一款vue3的简单消息提示组件。vue3-snackbar提供消息、成功、警告和错误4种消息状态，以及提供位置、阴影等多种参数。

2023-02-10 09:49:49 943

转载 Vue-ECharts的使用

Vue-ECharts是一款基于Apache ECharts 5的Vue.js组件。它同时支持 Vue.js 2/3。可以使您快速的制作出线形图、柱状图、饼状图等各种漂亮的图表。

2023-02-06 11:12:59 271

这是一款使用HTML5 canvas来将图片制作成马赛克效果的js插件。该马赛克插件可以使用canvas生成各种形状的像素马赛克，并将图片按照其颜色深度用不同颜色的马赛克进行渲染，效果十分逼真。该插件的灵感来自于美国肖像画家Chuck Close。已经有人使用这个javascript插件来制作了一个完整的图片马赛克应用框架：The Pixelator。这个马赛克效果js插件需要使用同源的图片，...

2015-02-03 13:01:51 197

原创 html5各种svg元素炫酷弹性动画特效

这是一款极具创意的html5各种svg元素炫酷弹性动画特效。该svg特效共集成了9种效果，每种效果都是以弹性动画为基础，将各种svg元素制作为像弹簧一样具有弹性，效果非常震撼。为了使svg产生动画，插件中使用了SVG的javascript库Snap.svg 。在线演示：http://www.htmleaf.com/Demo/20141217877.html下载地址：http

2015-02-02 13:07:33 1435

HTML5 canvas粒子生成人物面部轮廓插件

这是一款使用js制作的HTML5 canvas粒子生成人物面部轮廓插件。该js插件可以扫描图片中的人物面部阴暗和高亮面，并生成canvas,使用圆点来描绘出脸部轮廓。还可以用鼠标来和粒子进行互动。该插件不需要使用高分辨率的图片。但是图像必须放在相同域名的服务器上，由于安全原因，跨域名的图片不能在CANVAS中使用，查看Security with canvas elements。 ...

2015-02-02 12:39:51 699

jQuery适合移动设备触摸屏的响应式幻灯片插件

JSTL使用手册

空空如也