又开始了新的一天,我们也将继续为大家分享许多优秀的HTML5应用和jQuery插件,作为前端开发者来说,这些资源可以帮助你在项目开发上派上用场。下面一起来看看这些炫酷而实用的HTML5应用和jQuery插件吧。
1、jQuery/CSS3图片洗牌切换动画特效
这是一款基于jQuery和CSS3的图片动画特效,该图片动画是洗牌的效果,我们只需点击切换按钮,即可一张张切换图片。另外,如果你长按住按钮不放,图片的洗牌效果就会更加明显和有趣,该jQuery图片特效一共有3中效果。
2、简单实用的jQuery横向图片滚动焦点图插件
之前我们分享了不少焦点图插件,包括jQuery焦点图和HTML5焦点图,效果都非常不错。今天的这款jQuery焦点图插件看起来非常简单,但是无论从外观和实用价值上看都相当不错。这款jQuery焦点图的图片是横向滚动的,两侧均有左右滑动按钮。
3、jQuery幻灯片播放焦点图插件
这又是一款基于jQuery的幻灯片焦点图插件,和之前分享的焦点图插件类似,图片都可以左右滑动。这款jQuery焦点图的优势在于不仅有一排小按钮切换图片滑动,而且可以直接点击图片来进行滑动切换。而且图片滑动相当流畅。
4、jQuery模拟Android HTC时间和天气画面
这次要分享的一款jQuery插件是模拟Android HTC手机的时间和天气画面,如果你的网络允许,该插件还可以ajax获取当地的天气情况。这款模拟Android HTC手机的jQuery插件从外观上看和Android待机画面非常相似,并且也可以实现滑屏特效。
5、CSS3 jQuery UI控制滑杆插件
今天我们要来分享一款基于CSS3和jQuery UI的控制滑杆插件,这款控制滑杆是在HTML5滑杆元素的基础上进行自定义CSS3渲染,所以外观更加漂亮。另外,这款控制滑杆插件是纵向的,当然你也可以通过设置让它水平放置。
6、纯CSS3绘制的黑色图标按钮组合
这是一款基于纯CSS3的图标组合,利用CSS3,我们基本可以在网页上绘制全部矢量图形,因为CSS3的出现我们可以绘制曲线了。这款图标是黑色风格的,有几个复杂的图案需要用多层CSS代码才能实现,大部分图标的绘制还是比较简单的。
7、纯CSS3 3D浮动按钮
这次我们来分享一款效果很酷的纯CSS3 3D浮动按钮,按钮是一个3D立体的悬浮圆形,按钮上面可以是文字和爱心图案,按钮底部还有阴影效果,显得很立体。另外,当把鼠标滑过按钮时,按钮就会下陷,就像在水面上下沉一样。
8、jQuery图片360度旋转 可跟随鼠标旋转
今天我们要再来介绍一款基于jQuery的360度图片旋转插件,这款jQuery图片旋转插件的原来和之前分享的类似,也是通过多张图片叠加播放实现的,通过jQuery实现方法也很简单。