• 8款耀眼的jQuery/HTML5焦点图滑块插件


    1、HTML5/CSS3超酷焦点图特效 带前后翻页按钮

    今天要分享的这款HTML5/CSS3焦点图插件切换效果比较简单,但是外观和功能却十分强大。该CSS3焦点图在切换图片时,图片以淡入淡出的方式缩小消失并显示下一张图片。焦点图插件还拥有一套非常大气的前后翻页按钮,是一款非常实用HTML5/CSS3焦点图应用。

    8款耀眼的jQuery/HTML5焦点图滑块插件 - 爱七七五八网 - 1

    在线演示

    源码下载

    2、HTML5/CSS3淡入淡出滑块焦点图 非常清新

    我们已经分享过几款简单的CSS3/jQuery焦点图插件,今天要分享的这款焦点图切换时有淡如淡出的动画效果,是利用HTML5和CSS3实现。

    8款耀眼的jQuery/HTML5焦点图滑块插件 - 爱七七五八网 - 2

    在线演示

    源码下载

    3、HTML5/jQuery 3D焦点图插件 多种超酷切换动画

    我们要分享一款基于HTML5和jQuery的3D焦点图插件,该HTML5焦点图有多种超酷的切换动画,包括3D百叶窗、3D翻转等特效,有些切换效果在高版本Chrome中有效果。

    8款耀眼的jQuery/HTML5焦点图滑块插件 - 爱七七五八网 - 3

    在线演示

    源码下载

    4、HTML5结合jQuery实现图片滑块特效 绚丽jQuery焦点图

    今天我们要来分享一款很酷的jQuery焦点图插件,它带有一个导航菜单,它结合HTML5和CSS3技术,使这个焦点图特效显得更加绚丽。

    8款耀眼的jQuery/HTML5焦点图滑块插件 - 爱七七五八网 - 4

    在线演示

    源码下载

    5、CSS3/jQuery全屏立体焦点图 时尚大气

    jQuery是一个非常流行的Javascript框架,今天我们要分享一款基于jQuery和CSS3的焦点图动画,该jQuery焦点图插件是全屏立体的效果,看上去非常时尚和大气。而且,焦点图在图片滑动的时候非常流畅,性能应该也还不错。

    8款耀眼的jQuery/HTML5焦点图滑块插件 - 爱七七五八网 - 5

    在线演示

    源码下载

    6、HTML5/CSS3实现旋转图片播放焦点图 旋转比较流畅

    HTML5焦点图可以实现很多炫酷的效果,就像这款CSS3百叶窗焦点图特效就很不错。今天我们再来分享一款另外一种效果的HTML5焦点图插件,该焦点图利用CSS3的属性实现了图片旋转的动画效果,既可以顺时针旋转,也可以逆时针旋转,并且图片旋转也比较流畅。

    8款耀眼的jQuery/HTML5焦点图滑块插件 - 爱七七五八网 - 6

    在线演示

    源码下载

    7、jQuery带滑杆的图片播放器 滑动十分流畅

    jQuery焦点图在网页特效中应用非常广泛,利用jQuery编写图片播放器十分方便,扩展性也不错。今天要分享的这款jQuery图片播放器带有一个滑杆,我们可以点击图片来切换图片,也可以滑动这个滑杆来播放图片,滑杆滑动时非常流畅。

    8款耀眼的jQuery/HTML5焦点图滑块插件 - 爱七七五八网 - 7

    在线演示

    源码下载

    8、jQuery百叶窗焦点图 超酷切换动画

    从今天开始,除了分享HTML5/CSS3应用实例和HTML5教程,我还要向大家分享一些实用的jQuery插件。今天分享的第一款jQuery插件是jQuery百叶窗焦点图,这款jQuery焦点图的百叶窗效果非常酷,不仅可以横向切换,也可以竖向切换。

    8款耀眼的jQuery/HTML5焦点图滑块插件 - 爱七七五八网 - 8

    在线演示

    源码下载

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

  • 相关阅读:
    兴趣与心态比较重要【转】
    网站发布到iis上,附加进程调试,打不到断点
    MVC时间格式化
    javascript数组扁平化处理
    Object.prototype.toString.call()
    获取浏览器大小
    HTTP状态码
    未能加载文件或程序集“Microsoft.ReportViewer.WebForms, Version=10.0.0.0
    javascript基础知识-1
    Html5上传图片的预览
  • 原文地址:https://www.cnblogs.com/i7758/p/4329008.html
Copyright © 2020-2023  润新知