分类目录归档:其它插件

纯JavaScript实现简洁的颜色选取器

之前我们分享过几款基于jQuery和CSS3的颜色选取插件,比如这款jQuery实现的一个颜色选择器,可以实时输出RGB值,在比如这款HTML5 CSS3颜色选取并复制十六进制值,他们的特点是都可以将颜色转换成数值。今天介绍的这款就比较简单,它是基于纯JavaScript的,并没有采用庞大的框架,因此颜色选取器非常简洁,使用也十分方便。

javascript-color-picker

在线演示源码下载

JavaScript和CSS3实现跟随鼠标发光的按钮

在深色背景的网页中,我们经常会采用一些高亮效果的按钮来使整个页面更加协调。这次我们要分享一个用JavaScript和CSS3实现的发光按钮,当鼠标在按钮上或者按钮周围时,发光的效果就会跟随鼠标移动,在深色背景页面中,这种发光动画的按钮还是很漂亮的。

javascript-css3-shine-button

在线演示源码下载

jQuery层叠图片细节对比插件

之前我们分享过几款比较实用的图片对比插件,比如这款JavaScript图片拖动对比 实现图片差异定位就非常强大,可以左右滑动。今天我们要介绍的这款jQuery层叠图片细节对比插件功能也比较实用,可以通过鼠标滑动图片上方的滑杆来对比两张图片的细节。

jquery-image-stack-compare

在线演示源码下载

基于Vue.js的超实用科学型计算器

不久前我们为大家分享过一些功能相对比较简单的jQuery计算器和HTML5计算器,可以实现简单的加减乘除功能,比如这款jQuery精美的加减乘除计算器 支持存储功能简洁美观的jQuery计算器插件。这次我们要分享一款基于Vue.js的计算器插件,这款计算器功能比较强大,支持科学型的计算功能,当然我们也可以切换到标准型的简单模式。

vue-js-scientific-calculator

在线演示源码下载

可自定义色块的JavaScript颜色选择器

这是一款基于JavaScript的颜色选择器插件,对于颜色选择器来说,这款插件的功能已经十分完善,我们不仅可以从色谱中选取任意的颜色,而且还可以从自定义色块中快速选取常用的颜色。同时这款颜色选择器还可以输入十六进制值来定位对应的颜色,非常实用。

js-wheel-colorpicker

在线演示源码下载

JavaScript图片拖动对比 实现图片差异定位

有些时候,我们需要快速定位被处理过图片与原始图的差异,这在有限大小的电脑屏幕上是一件很麻烦的事情。这次要给大家介绍一款用纯JavaScript代码编写的图片拖动对比插件,利用它我们可以快速地找出图片的细微差异,我们可以通过滑动图片两边的滑杆,滑动的同时原始图片就随着被处理图片的移动而逐渐显示出来。这个插件没有利用复杂的JS框架,因此代码比较简单。另外之前也分享过一款类似的jQuery插件jQuery原始图片对比插件,大家也可以去学习一下。

javascript-image-differ

在线演示源码下载

jQuery头像裁剪插件 支持自定义上传图片

这是一款非常实用的jQuery头像裁剪插件,利用这款插件,我们可以对用户上传的头像图片进行区域的选定,然后按照约定的比例进行裁剪。这款jQuery头像裁剪插件不仅支持图片的缩放,而且支持用户自定义上传图片,简单易用,是一款很难得的jQuery插件

jquery-avatar-cut

在线演示源码下载

可以帮你快速生成各种阴影效果的jQuery插件

在现代网页中,我们到处可以看到各种各样的阴影投影效果,一般我们会使用CSS3的相关属性来设置网页元素的投影效果,但是要设置各种不同的投影,CSS3中的属性比较复杂,比较难搞清楚。今天要介绍这款jQuery阴影插件,可以让你不用记住CSS3属性就可以方便地设置元素的阴影,利用这款jQuery插件基本可以满足日常开发中的各种阴影效果。

jquery-shadow-plugin

在线演示源码下载

原生JavaScript找茬游戏 擦亮你的火眼金睛

这是一款基于JavaScript的小游戏,类似以前微信中的找茬游戏,在许多小方块中找出不同的方块,以前是找出不同的色块,这款游戏是找出方块中不同的图案,虽然比找颜色简单一点,但是随着方块数量增加,难度也是随之而来的。

javascript-find-differ

在线演示源码下载

jQuery鼠标拖拽自由分组排序列表

这是一款很实用的jQuery插件,在很多地方我们都可以使用它,它可以允许你使用鼠标拖拽列表项,并将该列表项放入到其他分类列表中,非常方便地实现物品的分类分组,另外你也可以通过拖拽将指定列表项的位置移动从而实现排序功能。

jquery-drag-group-sort

在线演示源码下载