超实用jQuery右键菜单 可自定义菜单弹出区域

关于右键菜单,我们介绍得并不多,目前只有介绍过一款jQuery Bootstrap右键菜单 带点击菜单提示框。今天要继续为大家分享一款高大上的jQuery右键菜单,这款右键菜单可以让使用者自定义菜单弹出的区域,因此非常灵活和实用。

jquery-context-menu

在线演示源码下载

基于jQuery和Bootstrap的手风琴垂直菜单

之前我们分享过很多手风琴样式的jQuery插件和CSS3应用,同时也有手风琴式的菜单,比如CSS3垂直手风琴折叠菜单CSS3手风琴下拉菜单 支持多菜单展开,另外也有手风琴式的图片切换,比如最近介绍的jQuery横向手风琴图片展示插件。今天要分享的也是一款手风琴垂直菜单,它基于jQuery和Boostrap,外观简单而美观,和其他的手风琴菜单相比有点点特别。

jquery-bootstrap-accordion-menu

在线演示源码下载

7组漂亮的纯CSS3搜索框

今天我们要为大家分享7款漂亮的纯CSS3搜索框,这7款搜索框有着各自不同的样式风格,而且外观十分简洁,和之前介绍的CSS3发光搜索表单相比,这款搜索框显得简单却更实用。而且这些不同样式都是纯CSS控制的,代码使用起来也就非常简单。

7-css3-search-form

在线演示源码下载

CSS3鼠标滑过图标放大旋转动画

这次我们要分享一款纯CSS3实现的图片动画,当鼠标滑过小图标时,图标会放大,同时图标会出现旋转的动画效果。我们在很多个性化个人博客中经常看到鼠标滑过人物头像后头像图片旋转就是利用这种方法实现的。由于只用到CSS3,所以实现的代码比较简单。

css3-hover-icon-rotate

在线演示源码下载

适配移动端的HTML5电子书翻页动画特效

前几天我们分享过一款HTML5 电子书翻页 3D 动画特效,翻页效果非常不错。今天我们要再介绍另外一款HTML5电子书翻页特效,它的一大特点是适配移动端,也就是在手机、平板上使用这款电子书将会非常不错。另外它还可以自动翻页和指定页面定向功能,并且翻页过程中还有逼真书本翻页声音。

html5-ebook-paging-mobile

在线演示源码下载

JavaScript实现图片拖拽交换

这次我们来分享一款非常实用的JS插件,它可以很方便地帮你实现在网页上拖拽图片并交换图片。和其他的拖拽插件不同,当两张图片交换时,将会出现弹动的动画特效。并且会改变被交换图片的背景颜色,以标识该图片被交换过。

javascript-image-drag-exchange

在线演示源码下载

HTML5 Canvas 赛车游戏动画

很久没有给大家分享HTML5游戏了,这次我们给大家带来了一款基于HTML5 Canvas的赛车游戏,你可以使用键盘中的方向键来控制赛车,当然因为它只是模拟动画,所以并没有像真正的赛车游戏那样功能强大,不过这也可以帮助你很好的学习HTML5相关知识。

html5-canvas-car-racing

在线演示源码下载

宽屏大气的CSS3百叶窗动画图片播放器

今天我们要来分享一款基于CSS3的图片播放器,它的图片切换动画是垂直的百叶窗方式,并且在百叶窗动画播放时,图片会出现淡入淡出的效果,整体非常立体。和其他图片播放器类似,这款应用也提供左右切换按钮以及图片下方的快速切换按钮。

css3-blind-image-player

在线演示源码下载

jQuery带百分比的进度条插件

今天我们要来分享一款基于jQuery的进度条插件,它的特点是带数字化的进度百分比,而且可以任意设置当前的进度位置。之前也分享过一款类似的实时显示进度百分比的jQuery进度条,不过这款进度条使用更加简单,也比较实用。

jquery-progressbar-percent

在线演示源码下载

漂亮的JavaScript右下角信息提示插件Notyf

之前我们介绍过一款外观还不错的jQuery/CSS3内置关闭按钮的信息提示框,有兴趣的朋友可以前往围观一下。今天要分享的是一款基于JavaScript的信息提示插件Notyf,你可以随时触发信息提示事件,插件可以帮助你在页面右下角弹出信息提示框,并自动关闭,非常实用。

javascript-notyf

在线演示源码下载