zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    vue中的 computed 和 watch 的区别
    mysql8.0 初始化数据库及表名大小写问题
    sql server alwayson 调整数据文件路径
    zabbix 自定义监控 SQL Server
    mysql 创建用户及授权
    mysql 设置从库只读模式
    mysql8.0 主从复制安装及配置
    centos8.0安装mysql8.0
    centos8替换阿里数据源
    npm publish 报错 【you or one of your dependencies are requesting a package version that is forbidden by your security policy】
  • 原文地址:https://www.cnblogs.com/i7758/p/4565142.html
Copyright © 2011-2022 走看看