![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端开发
delmarks
这个作者很懒,什么都没留下…
展开
-
基于Vue的响应式轮播插件|vue-owl-carousel
vue-owl-carousel 是一个基于Vue的响应式轮播插件,灵感来源于 jQuery 插件 owlCarousel。它提供了类似于 owlCarousel 的 API 和功能,同时结合了 Vue 的特性,使得它易于使用和扩展。原创 2023-03-01 09:37:59 · 2308 阅读 · 1 评论 -
vuejs-datepicker|简单易用的Vue.js日期选择组件
vuejs-datepicker是一个简单易用的Vue.js日期选择组件。它使用了Bootstrap 4的样式,支持多种语言,具有直观的界面,易于配置和扩展。原创 2023-02-22 09:42:41 · 11075 阅读 · 1 评论 -
CSS4新的选择器介绍
CSS也许是Web设计者和程序员之间一种最佳的沟通工具,所以,对于CSS的革新发展,每个人都会感到兴奋。W3C在其网站上公布了正在制定中的CSS4选择器(selector)规范,你会发现里面出现了很多新的东西。下面让我们来看看对于未来的浏览器,CSS4提供了哪些CSS选择器上的新功能和新特征!$E > F这个新出现的选择器语法能够让我们基于子元素(F)来给父元素($E)制定样式。下面是一个转载 2015-01-22 12:47:03 · 732 阅读 · 0 评论 -
CSS3和js谷歌Material Design进度条插件
mprogress是一款使用纯JS和CSS3制作的谷歌Material Design样式的进度条插件。该插件没有依赖任何外部库。它可以制作4种类型的进度条动画,使用扁平化设计,非常时尚。 该进度条插件有4种类型的动画方式,分别是:确定型、缓冲型、不确定型和查询确定型。 mprogress是移动设备优先的js插件,◦所有类型的进度条都可以工作在Chrome 和 Firefox浏览器上。De原创 2015-02-06 12:30:46 · 1477 阅读 · 0 评论 -
Bootstrup的炫酷jQuery开关按钮插件
这是一款基于bootstrap的超酷jQuery开关按钮插件。该开关按钮插件可以将复选框和单选按钮转换为安卓样式的开关按钮。该插件可以设置开关按钮的颜色、是否可用、显示文本等属性,还可以将开关按钮放置到模态窗口中显示。该开关按钮可以基于 Bootstrup3,也可以基于Bootstrup2,使用非常方便。在线演示:http://www.htmleaf.com/Demo/201502原创 2015-02-06 12:26:01 · 2100 阅读 · 0 评论 -
模拟真实物体运动的js动画库插件-Anima
Anima是一款可以同时控制许多对象进行动画的js插件。并且每一个对象都有它们各自的质量和密度以模拟现实生活中的物体。CSS3动画有一些限制,最主要的是你不可以真正完全的控制它们。如果不使用一些技巧的话,你几乎不可能停止动画的过渡。Anima是一个基本的物理基础js动画库框架。你可以通过它很容易的创建现实生活中的物体运动动画。Anima经过压缩后只有5K大小。在线演示:http原创 2015-02-05 12:31:11 · 3517 阅读 · 0 评论 -
Bootstrup增强版jQuery slider滑块插件
这是一款在原生bootstrup slider的基础上制作效果非常炫酷的jQuery slider插件。该slider插件可以自定义slider的颜色、形状、透明度和tooltip等属性,美化的效果非常好。这个bootstrup slider插件可以不依赖于jquery,使用纯js的方式也可以操作它。作为jQuery插件版本的bootstrap-slidervar mySlider原创 2015-02-05 12:18:44 · 2481 阅读 · 0 评论 -
基于animate.css的jQuery文字动画插件
Morphext是一款简单、高性能和跨浏览器的jQuery文字动画插件。该文字动画jQuery插件基于Animate.css。你可以设置使用多个不同的句子,Morphext会以你指定的CSS3动画方式轮流显示它们。Morphext所做的事情是隐藏前一个文本短句,然后使用下一个来替换它。插件中已经为跨浏览器处理好了所有浏览器厂商的前缀问题,它可以为我们提供非常酷的文字动画效果。Animate原创 2015-02-03 12:45:24 · 1117 阅读 · 0 评论 -
HTML5 canvas生成图片马赛克特效插件
这是一款使用HTML5 canvas来将图片制作成马赛克效果的js插件。该马赛克插件可以使用canvas生成各种形状的像素马赛克,并将图片按照其颜色深度用不同颜色的马赛克进行渲染,效果十分逼真。该插件的灵感来自于美国肖像画家Chuck Close。已经有人使用这个js插件来制作了一个完整的图片马赛克应用框架:The Pixelator。这个马赛克效果js插件需要使用同源的图片,根据HT原创 2015-02-03 12:36:38 · 1798 阅读 · 0 评论 -
带CSS3过渡效果的模态窗口js插件
Custombox是一款带CSS3过渡效果的模态窗口js插件。该插件使用原生js制作,但它也可以和jQuery完美结合,作为jQuery插件来使用。插件中带有20中不同css3过渡效果的模态窗口。除了传统的淡入淡出、翻转、旋转等效果,该插件还增加了开门、推拉、角部放大的那个六种效果。该模态窗口jquery插件可以工作在 IE 8-11, Firefox, Chrome, Safari 和 Op原创 2015-02-04 12:13:03 · 929 阅读 · 0 评论 -
jQuery彩色条纹进度条插件
这是一款效果非常炫酷时尚的jQuery彩色条纹进度条插件。该进度条插件可以定制多种颜色,并且可以定制是否显示进度条动画。进度条可以是彩带模式,也可以使纯色模式。该jq进度条插件最大的特点是进度条进入视口时才开始产生动画,效果非常好。该进度条jquery插件使用了Flat UI Color Scheme来生成进度条的配色方案。如果你使用的颜色的class没有被提供,将会显示为灰色。原创 2015-02-04 12:18:34 · 1147 阅读 · 0 评论 -
jQuery对象与dom对象的转换
只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是jq对象。普通的dom对象一般可以通过$()转换成jquery对象。如:$(document.getElementById("msg"))则为jquery对象,可以使用jquery的方法。由于jquery对象本身是一个集合。所以如果jquery对象要转换原创 2015-01-20 12:24:49 · 409 阅读 · 0 评论 -
HTML5最新经典俄罗斯方块游戏插件
Blockrain是一款最新的经典html5俄罗斯方块游戏插件。该俄罗斯方块游戏使用html5和jQuery制作,具有使用简单、响应式、可定制、速度快、有积分记录和自动游戏的特点。在线玩一下:http://www.htmleaf.com/Demo/201501201237.html下载地址:http://www.htmleaf.com/html5/html5youxi/201501原创 2015-01-21 14:15:31 · 611 阅读 · 0 评论 -
html5炫酷购物车结算动画特效
这是一款效果十分炫酷的html5购物车结算动画特效插件。该购物车结算动画提供了4种效果,每种效果都使用CSS3来制作炫酷的动画特效,这些效果使用户的购物结算体验大大的增强了。 在线演示:http://www.htmleaf.com/Demo/201501231255.html下载地址 :http://www.htmleaf.com/html5/html5muban/20150123原创 2015-01-25 13:01:58 · 2084 阅读 · 0 评论 -
纯css3超酷tab选项卡效果
这是一款使用纯css3制作的tab选项卡插件。该tab选项卡在切换选项的时候tab中的内容由大变小,在弹性的由小变大,效果非常酷。在线演示:http://www.htmleaf.com/Demo/20141121549.html下载地址:http://www.htmleaf.com/css3/css3donghua/20141121548.html原创 2015-01-24 12:40:35 · 688 阅读 · 0 评论 -
Tweene-超级强大的jQuery动画代理插件
Tweene是一款功能强大的jQuery动画代理插件。Tweene可以在不同的动画库之间进行切换,使你能够同时使用不同的动画库而不必修改你的动画代码。使用Tweene可以很好进行各种动画控制。现在已经有许多的javascript动画库插件,如 snabbt.js ,它们每一个都有自己的优点和不足。每个程序员和每个项目都有其特定的要求,所以有时一个动画库可能不能满足我们的需要。我们并不建议你放弃原创 2015-01-26 12:52:02 · 1020 阅读 · 0 评论 -
纯CSS3超酷3D旋转立方体动画特效
这是一款效果非常炫酷的纯CSS3 3D旋转立方体动画特效。该3D立方体使用CSS3 perspective制作,可以在水平方向、垂直方向和平面视角方向旋转,效果相当震撼。使用CSS3来制作动画效果已经成为WEB前端开发的一种时尚,从简单的颜色和尺寸动画,到复杂的旋转、翻转动画,CSS3 展现了它无穷的魅力。使用CSS来制作立方体动画,代码简洁易懂,效果更是令人惊叹!在线演示:htt原创 2015-01-26 12:46:32 · 2169 阅读 · 0 评论 -
纯CSS3炫酷3D折叠面板动画特效
这是一款效果非常炫酷的CSS3 3D折叠面板动画特效。该折叠面板特效当鼠标移动到图片上时,一个面板会以3d折叠的方式在顶部展开,并显示图片的标题等信息。。这个效果使用3D CSS animations 来制作折叠面板的动画,纯CSS,没有使用javascript。在线演示:http://www.htmleaf.com/Demo/201501251276.html下载地址:http:原创 2015-01-26 12:43:32 · 2104 阅读 · 0 评论 -
11款适合移动设备使用CSS3分页导航条
这是一组适合移动设备使用CSS3分页导航条插件。共有11种不同样式的分页导航条。它们在移动设备上能够很好的工作,是一款移动优先的分页导航条插件。分页导航条的作用是用户通过分页链接来浏览你的全部内容。一个可替代的方法是使用瀑布流布局,它们各有长处和短处。在线演示:http://www.htmleaf.com/Demo/201501241269.html下载地址:http://www.原创 2015-01-25 13:06:21 · 990 阅读 · 0 评论 -
所见即所得的jQuery富文本编辑器插件-wysiwyg.js
wysiwyg.js是一款十分强大的、所见即所得的jQuery富文本编辑器插件。wysiwyg.js富文本编辑器体积小,支持选择、键盘、占位等众多事件。而且该富文本编辑器的兼容性十分好,甚至兼容IE6。该富文本编辑器还有一个大小10k(minified)的jQuery插件-$.wysiwyg(),在加上一个配套的2k CSS文件可以创建全部功能的wysiwyg富文本编辑器。在线演示原创 2015-01-23 13:12:27 · 5413 阅读 · 0 评论 -
基于SVG的jQuery星级评分插件-jRate
jRate是一款基于SVG的jQuery星级评分插件。jRate评分插件提供许多参数,用于设置评分的星星个数、颜色、大小等属性。由于是SVG制作的,评分星星放大缩小都不会变形。在线演示:http://www.htmleaf.com/Demo/201501221246.html下载地址:http://www.htmleaf.com/jQuery/Rating-Star-Rating/原创 2015-01-23 13:13:58 · 782 阅读 · 0 评论 -
20个jQuery、CSS3和html5最新插件
这里收集了一些2014-2015年最新的jQuery、css3和html5插件,希望你喜欢!1、html5和css3炫酷select下拉菜单美化效果这是一款使用html5 svg和css3制作的炫酷select下拉菜单美化效果。这个select下拉菜单美化效果有滑动、淡入淡出、网格、环形菜单等8种不同效果,用到了html5,css3和js等技术。效果演示:http://ww原创 2014-12-25 21:34:55 · 1816 阅读 · 1 评论 -
jQuery文字和图片列表滚动插件
这是一款可以使任何文字和图片列表进行水平和垂直滚动的jQuery插件。该jquery列表滚动插件可以使用任何列表、任何尺寸和任何内容。它可以设置水平和垂直滚动,自动滚动和无限循环滚动,非常适用于滚动新闻的制作。该jQuery文字图片滚动插件的特点和一些注意事项如下:使用非常简单。可以在任何形式的列表。列表中的元素可以是文字、图片等等。列表中的元素不能是固定定位,或者是相同的元素。列表元原创 2015-02-02 12:50:47 · 1324 阅读 · 0 评论 -
一款模拟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 · 1307 阅读 · 0 评论 -
jQuery响应式网站图片无限加载瀑布流布局
这是一款效果非常酷的 jQuery 瀑布流布局无限加载图片效果。整个页面采用响应式布局,图片采用jQuery.Lazyload延时加载技术,提升整个页面的加载速度。 该瀑布流插件还使用BlocksIt技术,在图片加载时有交互抢占位置的动画特效,效果非常炫酷。在线演示:http://www.htmleaf.com/Demo/2014100223.html下载地址:http://www原创 2015-01-28 12:32:58 · 1637 阅读 · 0 评论 -
js轻量级计数器动画特效插件
countUp.js是一款轻量级的、无依赖的计数器动画特效js插件。它能够帮助我们快速的通过多种方式创建计数器的动态变化效果。还可以控制计数器的暂停、恢复、重置等状态。 通过设置startVal和endVal参数,countUp 可以在任何一个方向上计数。countUp兼容性超强,兼容所有的浏览器。在线演示:http://www.htmleaf.com/Demo/20150127128原创 2015-01-28 12:23:39 · 1705 阅读 · 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 · 1504 阅读 · 0 评论 -
HTML5 SVG图形轮廓线条绘制动画插件-vivus
Vivus是一款可以执行SVG路径动画的轻量级Javascript库。Vivus可以绘制SVG图形的外观。通过该svg路径动画插件,你可以使用同步或异步的方式来执行SVG图像路径的动画。Vivus提供各种不同的动画参数来让你定制你自己的SVG路径动画。类似的动画效果还有:html5 svg线条动态绘制文字轮廓边框动画 和 html5 svg线条动态绘制iphone边框动画效果。原创 2015-01-27 13:13:55 · 1814 阅读 · 0 评论 -
HTML5 SVG简单的动态绘制轮廓线条动画插件
walkway是一款非常简单的HTML5SVG动态绘制轮廓线条动画插件。它支持SVG的path,line 和 polyline元素。walkway使用起来简单方便,可以制作出非常酷的SVG线条动态绘制效果。更好的动态绘制线条插件可以参考:html5 svg线条动态绘制文字轮廓边框动画、HTML5 SVG图形轮廓线条绘制动画插件-vivus 和html5 svg线条动态绘制iphon原创 2015-01-27 13:26:55 · 3577 阅读 · 0 评论 -
snabbt.js 强大的jQuery动画库插件
snabbt.js是一款轻量级的、功能强大的、简单易用的jQuery插件。snabbt.js提供了丰富的函数和接口来组合各种动画效果,它的过渡动画效果可以和CSS transform媲美,是一个非常强大的js动画库。snabbt.js的每秒传输帧数(刷新率)达到60FPS,即使是移动设备上也能达到这个数值。它的大小只有4KB,非常轻便。使用snabbt.js可以很容易的将元素移动、旋转、放大缩原创 2015-01-27 13:19:25 · 1854 阅读 · 0 评论 -
20款让人惊叹的html5动画效果
html5技术越来越受人们关注,这里给大家带来原创 2014-10-29 20:50:11 · 11872 阅读 · 1 评论 -
50款精美的PSD按钮素材
1、两款白色安卓滑动按钮PSD素材下载地址>>>2、黑色质感音量调节旋钮PSD素材下载地址>>>3、苹果风格导航按钮PSD素材下载地址>>>4、各种逼真的旋钮开关和指示器PSD素材下载地址>>>5、黑色质感音量调节器PSD素材下载地址>>>6、圆角水晶按钮素材PSD分层文件下载地址>>>7、四款原创 2014-08-12 17:25:30 · 4367 阅读 · 1 评论 -
可替代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 · 2065 阅读 · 0 评论 -
html5图片分类过滤特效插件
这是一款使用html5和jQuery制作的非常实用的图片分类过滤特效插件。该插件使用html5的data-tags属性将图片进行分类,然后用jquery来实现动态图片过滤功能。这款插件中还集成了另一个jQuery插件-Quicksand 。它用于比较两个列表的列表项,然后在它们当中找到匹配的列表项,并将它们移动到新的位置上。在线演示:http://www.htmleaf.com/D原创 2015-01-30 12:43:55 · 1141 阅读 · 0 评论 -
HTML5 canvas粒子生成人物面部轮廓插件
这是一款使用js制作的HTML5 canvas粒子生成人物面部轮廓插件。该js插件可以扫描图片中的人物面部阴暗和高亮面,并生成canvas也能够圆点来描绘出脸部轮廓。还可以用鼠标来和粒子进行互动。该插件不需要使用高分辨率的图片。但是图像必须放在相同域名的服务器上,由于安全原因,跨域名的图片不能在CANVAS中使用,查看Security with canvas elements。原创 2015-02-02 12:29:20 · 1405 阅读 · 0 评论 -
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 · 1407 阅读 · 0 评论 -
jQuery适合移动设备触摸屏的响应式幻灯片插件
flickity是一款响应式、适用于移动设备触摸屏、可滑动显示的jQuery幻灯片插件。该幻灯片插件可以设置多种显示效果,可以自动播放,是一款移动优先的jQuery幻灯片插件。 你可以将该幻灯片插件当做一个jquery插件来调用。也可以使用纯js来调用该插件。还可以在HTML中初始化Flickity插件,不用写任何的js代码。在线演示:http://www.htmleaf.com/原创 2015-01-30 12:25:05 · 1023 阅读 · 0 评论 -
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 · 9158 阅读 · 0 评论 -
html5轻量级炫酷js粒子动画库插件
这是一款基于html5 canvas的轻量级炫酷js粒子动画库插件。该粒子动画库js插件可以设置粒子的形状、旋转、分布、颜色等属性,还可以动态添加粒子,效果非常酷。 同样的例子效果还有:HTML5 Canvas彩色的光粒子模拟粒子运动动画效果。在线演示:http://www.htmleaf.com/Demo/201501301300.html下载地址:http://www.ht原创 2015-01-31 13:27:46 · 2227 阅读 · 0 评论 -
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 · 1232 阅读 · 0 评论