jQuery扁平化风格手风琴菜单

这是一款基于jQuery的扁平化风格的手风琴菜单,菜单是垂直的,点击菜单项即可垂直展开,显示对应菜单项的相关描述。另外,这款jQuery垂直手风琴菜单的菜单项还有一个漂亮的小图标,是一款比较实用的jQuery菜单插件。

jquery-metro-accordion-menu

在线演示源码下载

超炫酷的 HTML5 Canvas 全屏动画背景

今天要给大家分享一款超炫酷的HTML5 Canvas全屏动画背景,一共有7组Canvas动画。如果你的网页需要一种类似屏保动画的特效,那么这款HTML5 Canvas动画可以很好的满足你的需求。因为动画是全屏的,所以外观看上去也非常大气。

html5-canvas-fullscreen-background

在线演示源码下载

jQuery多级展开手风琴竖向菜单

今天我们要为大家介绍一款非常实用的jQuery多级展开手风琴竖向菜单,与之前介绍的手风琴菜单不同的是,它虽然没有艳丽的外观,但是他支持多级展开,用起来非常方便,多层级的支持,也让这款手风琴菜单变得更加实用。

jquery-mult-level-menu

在线演示源码下载

jQuery幻灯片图片切换动画 支持左右按键

对于幻灯片动画,不管是基于jQuery的,还是基于CSS3/HTML5的,都已经有很多了,比如这款jQuery幻灯片播放焦点图插件jQuery幻灯片播放器插件 可自动播放图片。今天要介绍的也是一款基于jQuery的幻灯片切换动画插件,它的特点是大屏显示,而且支持键盘左右键切换。

jquery-slider-left-right-key

在线演示源码下载

jQuery树形下拉菜单 支持Ajax异步加载

今天我们要来分享一款很实用的jQuery树形下来菜单,它有以下特点:1、可定义无限级的树形菜单;2、支持树节点的Ajax异步加载;3、自定义树节点被选中的图标。另外还有一个就是这个jQuery树形菜单的主题可以自定义,外观非常漂亮。

jquery-ajax-tree-menu

在线演示源码下载

jQuery自由拖拽网页元素 可控制方向和区域

今天我们要来分享一款很实用的jQuery插件,它可以自由地拖拽网页上的任意元素,更不错的是,我们可以控制其拖拽的方向,比如只允许水平拖拽和只允许垂直拖拽,另外,也可以设置拖拽的hander,即鼠标在某区域是触发拖拽事件。

jquery-drag-element

在线演示源码下载

jQuery实现漂亮的提示框效果

对于tooltip提示框,我们在之前的文章中已经有分享了,比如CSS气泡提示框 可自定义配置箭头,就可以很灵活地配置tooltip提示框。本文要分享的也是一款基于jQuery的提示框效果,不同的是,它有3种不同的风格,可以在文字、分享按钮和图片上实现提示框功能。

jquery-pretty-tooltip

在线演示源码下载

jQuery带小图标的Tab切换焦点图

今天我们要来分享一款很大气的jQuery焦点图插件,这款jQuery焦点图的特点是以Tab按钮切换的方式切换图片,并且图片上的元素动画也是离散执行的,也就是说切换后图片动画是分别由各个元素的动画组合起来的,非常实用。

jquery-tab-slider

在线演示源码下载

jQuery/CSS3实现小鸟飞翔动画

这是一个基于jQuery和CSS3的小鸟飞翔动画,动画的实现原理并不难,准备8张小鸟飞翔时的图片,然后利用jQuery让8张图片循环播放,形成简单的小鸟飞翔动画特效。之前也分享过一款基于HTML5的卡通小鸟动画,也是十分可爱。

jquery-css3-bird-fly

在线演示源码下载

CSS3卡通人物弹跳动画

之前我们分享过一些CSS3卡通形象,比如SVG HTML5可爱的小鸟卡通动画。这次我们分享的纯CSS3卡通人物也非常可爱,他们会一直在那里弹跳,弹跳时身体也像弹簧一样运动,感觉非常逼真,具体动画大家可以从演示页面中体验。

css3-cartoon-jump-animation

在线演示源码下载