jQuery/CSS3图片层叠展开插件 支持多种展开方式

这是一款基于jQuery和CSS3的图片层叠展开插件,它可以将很多张图片一开始一层层交错叠在一起,鼠标点击后,这些图片又会同时展开来。之前也分享过一些类似的插件,比如jQuery超酷的层叠照片墙 可放大切换预览图片,但今天的这款图片层叠插件不同的是,它支持多种层叠和展开方式,大家看了Demo就知道了。

jquery-css3-image-stack

在线演示源码下载

jQuery手风琴样式的多级下拉菜单

在网页后台系统中,我们经常会用到垂直方向上的手风琴菜单,因为这种可折叠的菜单不仅可以给功能分类,而且可以容纳更多的内容。今天要分享一款基于jQuery的手风琴样式的多级下拉菜单,它的特点与其他手风琴菜单相比支持任意级的多级下拉,这功能非常实用。

jquery-accordion-mult-menu

在线演示源码下载

纯CSS3方块翻转效果的Loading加载动画

关于Loading动画,我们之前已经分享过很多了,大部分都是纯CSS3实现的,比如这款纯CSS3实现的六边形加载动画就非常不错,还有更早以前分享的纯CSS3发光圆环Loading加载动画也很酷。这次给大家带来的也是一款基于纯CSS3实现的方块翻转效果的Loading加载动画,若干个小方块组成一个阵列,然后各自按指定方向翻转,这样循环后就形成了Loading加载的动画效果。

pure-css3-cube-loading

在线演示源码下载

jQuery和HTML5实现16宫格的翻牌消除游戏

今天给大家分享一个基于jQuery和HTML5的小游戏,这个游戏大家应该非常熟悉,它是一个16宫格的翻牌消除游戏,点击卡片后,如果两张卡片形状相同,则同时被消除。这个游戏应用主要用jQuery来控制卡片的状态,又利用了HTML5的sessionStorage来存储翻牌记录,一遍两张相同时消除。

jquery-html5-card-game

在线演示源码下载

纯CSS3实现一个挥手的多啦A梦机器猫动画

很早的时候,我们给大家分享过一个纯CSS3实现的叮当猫,眼睛会随着鼠标滚动,非常可爱。这次给大家带来的是另外一只叮当猫,一只挥手的多啦A梦机器猫,是之前的升级版,因为它不仅会滚动眼珠,还会向你挥手,然而这些仅仅是通过CSS3代码实现的。

pure-css3-wave-doraemon

在线演示源码下载

纯CSS3俏皮的卡通蜡烛动画

很早以前,我们分享过一款基于HTML5蜡烛火焰动画,燃烧的火焰非常逼真。这次我们要分享的是一款基于春CSS3的卡通蜡烛动画,画面甚是俏皮。首先用CSS3绘制出2根蜡烛,一大一小,小蜡烛点燃后,大蜡烛调皮地将其吹灭,但是小蜡烛又点燃起来。

pure-css3-candle-animation

在线演示源码下载

jQuery下拉框美化插件 支持带图标的下拉项

select-mania是一款基于jQuery的下拉框美化插件,这款插件可以很好地解决浏览器原生下拉框的丑陋以及不同浏览器的样式不同的问题。select-mania不仅可以在初始化的时候指定下拉框的尺寸,而且还可以指定下拉项的背景颜色,同时,它还允许下拉项带小图标,是一款高度可定制的jQuery下拉框美化插件。

jquery-select-mania

在线演示源码下载

jQuery多功能提示框插件jBox

jBox是一款基于jQuery的多功能提示框插件,它包含的功能非常丰富,包括Tooltip提示框、模式弹出窗口等形式。比如在Tooltip提示框功能中,我们不仅可以控制提示框显示的位置,还可以自定义提示框中的内容。jBox作为一个jQuery提示框插件,功能上几乎是完美的。你甚至可以用jBox完成一个注册/登录窗口。

jquery-jbox

在线演示源码下载

HTML5 Canvas实现中国地图 可展开地级市子地图

之前我们分享过很多个基于jQuery和HTML5的中国地图插件,比较不错的有这个基于Echarts的HTML5 Canvas中国地图。今天给大家带来另外一款值得收藏的HTML5 Canvas中国地图插件,它的特点是不仅可以显示全国地图,而且点击某个省份的地块时,可以切换到对应省的地级市地图,对那些选择地区的应用来说,这款插件就显得非常实用。

html5-canvas-china-map

在线演示源码下载

HTML5 Canvas 3D螺旋线条动画

很早以前,我们分享过一款2D平面的DNA螺旋动画,主要使用了一些数学正弦余弦公式。今天我们分享另外一个螺旋线条动画,它是基于HTML5 Canvas的,与之前不同的是,它有3D的视觉效果,并且更强大的地方是可以动态修改一些参数来改变螺旋线条的形状。同时,螺旋线条的颜色还会根据鼠标移动的不同角度而改变。

html5-canvas-3d-spiral-line

在线演示源码下载