分类目录归档:jQuery插件

jQuery手风琴样式的图片切换组件

在网页中手风琴样式的组件十分常见,我们也分享过很多手风琴样式的菜单、焦点图等,很多都非常实用。今天我们要分享另外一款基于jQuery的手风琴样式图片切换组件,支持水平和垂直两种模式,菜单切换的同时另一边的图片也会跟着切换。

jquery-image-player-accordion

在线演示源码下载

jQuery简易版的Excel表格功能插件

在网页中,我们经常会处理很多复杂的数据,大部分情况下,我们会使用表格来存储和处理数据,同时也会对一些数据进行合并、计算等操作。这次分享一款基于jQuery的简易版Excel表格插件,它模拟了Excel的一些常用功能,包括数据的录入、选取、智能填充以及各式样式等功能,并且支持右键菜单,对于常用的数据操作已经完全能够胜任了。

jquery-excel

在线演示源码下载

JavaScript实现带垂直下拉菜单的图片切换插件

之前我们分享过很多实用和炫酷的jQuery图片切换插件,也分享过一些漂亮的垂直下拉菜单插件,但是如果将这两者结合起来是不是会更实用一些。今天带来的这款JavaScript应用就实现了这个功能,它是一款带有垂直下拉菜单的图片切换插件,在图片播放器左侧将会悬浮一列菜单,并且鼠标滑过菜单项时将会展开二级菜单,同时你还可以点击左右切换按钮来切换图片。

javascript-image-player-menu

在线演示源码下载

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

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

javascript-css3-shine-button

在线演示源码下载

可自动切换的 jQuery 图片播放器插件

今天给大家带来一个简单实用的jQuery图片播放器,它有以下特点:1.图片播放器侧边带有Tab切换按钮,鼠标滑过按钮即可切换图片;2.图片上悬浮半透明的图层,图层上可以添加图片的标题和描述;3.可自动播放。jQuery技术让这个插件的使用变得十分方便,兼容性也不错。

jquery-image-auto-player

在线演示源码下载

带播放列表的jQuery音乐播放器

我们经常可以在一些个人博客中看到各种各样的音乐播放器,它可以让你在阅读文章的同时欣赏唯美的音乐。HTML5标准的出现,使得在网页中嵌入音乐播放器变得十分简单,你可以直接在HTML页面中使用<audio>标签即可。这次我们分享的这款音乐播放器使用了jQuery技术,使得网页中的音乐播放器具备播放列表的功能,点击列表即可切换至相应的歌曲。

jquery-music-player-with-list

在线演示源码下载

基于 AngularJS 的日期和时间选择组件

AngularJS是一款目前非常火的JavaScript脚本库,应用范围十分广阔。今天给大家分享一款基于AngularJS的日期时间选择组件,和之前介绍的日期选择插件一样,它同样支持年月日的快速定位。另外这款AngularJS日期选择组件还支持时间的选择,精确到秒。另外再推荐一款之前介绍的日历控件,支持老皇历功能,也是很不错的。

angularjs-datetime-picker

在线演示源码下载

jQuery圆形旋转切换菜单 带菜单项描述

jQuery有着无数的插件,菜单插件是jQuery插件中最多的,尤其是CSS3和HTML5的配合,让jQuery菜单变得更加丰富多彩。今天我们要给大家分享一款基于jQuery的创意菜单,它是圆形旋转的菜单项,菜单项会自动切换,并在切换时在圆形中间显示当前菜单的菜单项描述信息。

jquery-circle-rotate-menu

在线演示源码下载

jQuery头像裁剪插件 可缩放和旋转

现在可以注册的网站中,大部分都支持上传头像,记得以前我们分享过一款jQuery头像裁剪插件,非常实用。这次我们给大家带来另外一款基于jQuery的头像裁剪插件,这款插件支持自定义头像的上传,然后对头像图片进行缩放和旋转,最后选择你满意的区域即可进行裁剪操作。

jquery-avatar-cut-rotate

在线演示源码下载

jQuery输入标签自动生成插件

我们在网页中发布文章的时候,经常会输入多个文章相关的标签,今天介绍的这个jQuery插件就可以帮助我们更方便地输入标签。当我们输入完标签文本后按回车或者焦点离开输入框时,输入的标签将会自动生成。同时你可以按退格键或者直接点击标签来删除生成的标签。另外插件还提供了接口让你获取生成的所有标签。在使用这款jQuery标签自动生成插件时,如果你可以增加autocomplete的功能就更强大了。

jquery-tag-generator

在线演示源码下载