分类目录归档:jQuery插件

基于 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

在线演示源码下载

jQuery实现的Mac样式消息提示框 可自动消失

在平时的前端开发中,我们经常需要通过一个提示框提示用户正在进行什么操作,或者已经完成什么操作。然而我们用的最多的是使用alert方法弹出浏览器默认的提示框,并且也是在浏览器中居中显示。这次我们分享给大家一款Mac样式的jQuery消息提示框插件,这款插件可以让消息框在不同的位置显示,而且为不同的消息级别分别定制了不同的外观,消息提示框会在一定的时间内淡出消失。

jquery-mac-message-tips

在线演示源码下载

jQuery超酷的层叠照片墙 可放大切换预览图片

有一段时间没有更新jQuery插件了,今天开始我们将继续为大家分享一些实用的jQuery插件HTML5应用。今天带来的是一款基于jQuery的层叠样式照片墙,该插件允许一些不同形状的图片层叠无序的摆放在照片墙上,并且点击图片缩略图可以放大图片,并且支持上一张和下一张的图片切换。

jquery-image-wall

在线演示源码下载

jQuery大屏图文切换时间轴 可循环播放

今天要给大家带来一款比较特别的jQuery图片切换播放器,它的特点在于切换的不仅仅是图片,而是图文,另外每一幅图文关联时间轴上的一个节点,时间轴跟随图文切换而移动。同时,这款图文时间轴播放器还可以无缝循环播放。如果你的网站上需要介绍历史信息,那么这款jQuery插件就非常适合你。

jquery-text-image-timeline

在线演示源码下载

jQuery/CSS3激活动画按钮

今天我们要给大家分享一款基于jQuery和CSS3的状态激活动画按钮。按钮一共有4种状态,第一种状态是按钮默认时的样式,鼠标滑过按钮时就出现待激活的第二种状态,点击按钮后就出现正在激活的第三种状态,最后是激活完成的状态。由于这个按钮动画是基于jQuery的,所以使用时不要忘记引用jQuery库文件。

jquery-css3-active-button

在线演示源码下载

JavaScript可展开隐藏的侧边栏下拉菜单

这是一款基于纯JavaScript实现的侧边栏菜单,因为整个菜单并没有使用jQuery等第三方插件,因此菜单比较轻量级的。这款JS侧边栏菜单的特点是点击按钮可以展开和隐藏,并且在隐藏时自动显示提示文字,展开后又隐藏提示文字,很好地做到了自适应效果。

javascript-side-drop-menu

在线演示源码下载

jQuery/CSS3右下角展开菜单按钮

记得以前给大家分享过一款HTML5/CSS3实现iOS Path菜单,它是从左下角弹出菜单项的,效果非常不错。这次我们带来的这款菜单与之前的类似,是一款基于jQuery和CSS3的右下角展开菜单,点击展开按钮即可从右下角展开菜单项,点击菜单项即可进入相应菜单对应的页面内容。

jquery-css3-expanding-menu

在线演示源码下载