• web前端炫酷实用的HTML5应用和jQuery插件


    又开始了新的一天,我们也将继续为大家分享许多优秀的HTML5应用和jQuery插件,作为前端开发者来说,这些资源可以帮助你在项目开发上派上用场。下面一起来看看这些炫酷而实用的HTML5应用和jQuery插件吧。

    1、jQuery/CSS3图片洗牌切换动画特效

    这是一款基于jQuery和CSS3的图片动画特效,该图片动画是洗牌的效果,我们只需点击切换按钮,即可一张张切换图片。另外,如果你长按住按钮不放,图片的洗牌效果就会更加明显和有趣,该jQuery图片特效一共有3中效果。

    web前端炫酷实用的HTML5应用和jQuery插件 - 爱七七五八网 - 1

    在线演示

    源码下载

    2、简单实用的jQuery横向图片滚动焦点图插件

    之前我们分享了不少焦点图插件,包括jQuery焦点图和HTML5焦点图,效果都非常不错。今天的这款jQuery焦点图插件看起来非常简单,但是无论从外观和实用价值上看都相当不错。这款jQuery焦点图的图片是横向滚动的,两侧均有左右滑动按钮。

    web前端炫酷实用的HTML5应用和jQuery插件 - 爱七七五八网 - 2

    在线演示

    源码下载

    3、jQuery幻灯片播放焦点图插件

    这又是一款基于jQuery的幻灯片焦点图插件,和之前分享的焦点图插件类似,图片都可以左右滑动。这款jQuery焦点图的优势在于不仅有一排小按钮切换图片滑动,而且可以直接点击图片来进行滑动切换。而且图片滑动相当流畅。

    web前端炫酷实用的HTML5应用和jQuery插件 - 爱七七五八网 - 3

    在线演示

    源码下载

    4、jQuery模拟Android HTC时间和天气画面

    这次要分享的一款jQuery插件是模拟Android HTC手机的时间和天气画面,如果你的网络允许,该插件还可以ajax获取当地的天气情况。这款模拟Android HTC手机的jQuery插件从外观上看和Android待机画面非常相似,并且也可以实现滑屏特效。

    web前端炫酷实用的HTML5应用和jQuery插件 - 爱七七五八网 - 4

    在线演示

    源码下载

    5、CSS3 jQuery UI控制滑杆插件

    今天我们要来分享一款基于CSS3和jQuery UI的控制滑杆插件,这款控制滑杆是在HTML5滑杆元素的基础上进行自定义CSS3渲染,所以外观更加漂亮。另外,这款控制滑杆插件是纵向的,当然你也可以通过设置让它水平放置。

    web前端炫酷实用的HTML5应用和jQuery插件 - 爱七七五八网 - 5

    在线演示

    源码下载

    6、纯CSS3绘制的黑色图标按钮组合

    这是一款基于纯CSS3的图标组合,利用CSS3,我们基本可以在网页上绘制全部矢量图形,因为CSS3的出现我们可以绘制曲线了。这款图标是黑色风格的,有几个复杂的图案需要用多层CSS代码才能实现,大部分图标的绘制还是比较简单的。

    web前端炫酷实用的HTML5应用和jQuery插件 - 爱七七五八网 - 6

    在线演示

    源码下载

    7、纯CSS3 3D浮动按钮

    这次我们来分享一款效果很酷的纯CSS3 3D浮动按钮,按钮是一个3D立体的悬浮圆形,按钮上面可以是文字和爱心图案,按钮底部还有阴影效果,显得很立体。另外,当把鼠标滑过按钮时,按钮就会下陷,就像在水面上下沉一样。

    web前端炫酷实用的HTML5应用和jQuery插件 - 爱七七五八网 - 7

    在线演示

    源码下载

    8、jQuery图片360度旋转 可跟随鼠标旋转

    今天我们要再来介绍一款基于jQuery的360度图片旋转插件,这款jQuery图片旋转插件的原来和之前分享的类似,也是通过多张图片叠加播放实现的,通过jQuery实现方法也很简单。

    web前端炫酷实用的HTML5应用和jQuery插件 - 爱七七五八网 - 8

    在线演示

    源码下载

    本文固定链接: http://www.i7758.com/archives/1641.html

  • 相关阅读:
    UOS、鸿蒙、麒麟全面出击,国产系统能否干掉Windows?
    黑客给疫情添乱
    人工智能与信息安全
    作为一个程序员,告诉你一些编码知识
    Linus Torvalds 宣布新版Linux系统内核发布
    linux系统root密码忘记了怎么办
    DevOps与NoOps现状分析
    Nginx服务详细介绍
    博客园“可运行"代码
    让setTimeout支持链式
  • 原文地址:https://www.cnblogs.com/i7758/p/4565142.html
Copyright © 2020-2023  润新知