新的一周开始了html5 图片滚动,我们将继续与大家分享许多优秀的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 图像旋转插件与之前分享的类似。 也是通过多张图片叠加播放来实现的html5 图片滚动,通过jQuery的实现方法也很简单。 回顾一下之前分享的其他图像旋转插件:jQuery 360 度图像旋转插件 sprite spin、jQuery 360 度图像旋转插件 dopelessRotate。
在线演示源码下载
发表评论