• 20+功能强大的jQuery/CSS3图片特效插件


    以下是分享的20几个不错的图片特效插件,基于jQuery和CSS3。

    1、jQuery图片下滑切换播放效果

    这是一款基于jQuery的焦点图插件,这款焦点图的特点是有向下滑动的动画效果,滑到底部时,有弹跳的效果,焦点图很霸气,非常不错。

    在线演示    /   素材下载

    2、jQuery带闹钟功能的数字时钟

    这是一款基于jQuery的数字时钟,这款时钟的特点是带有闹钟功能,你可以为时钟设置多少时间后开启闹铃,很实用吧。



    在线演示    /    素材下载

    3、jQuery平面时钟

    这款jQuery时间插件非常有特色,它是一款平面时钟,时钟可以显示年月日、星期、时分秒,该时间插件利用一种时钟图片结合jQuery让图片中的时间走动起来。



    在线演示    /    素材下载

    4、jQuery百叶窗幻灯片效果

    这是一款多风格的jQuery百叶窗幻灯片图片网页素材,该jQuery图片播放插件十分小巧,可以自定义图片的数量,随机百叶窗效果。



    在线演示    /    素材下载

    5、CSS3立体动感进度条

    这是一款纯CSS3实现的进度条,该进度条可以用来展示用户技能,不同的技能程度进度条会有不同的值,再加上其立体的效果,这款进度条就更加漂亮了。



    在线演示    /    素材下载

    6、jQuery无限极手风琴图片展示

    这是一款基于jQuery的图片手风琴插件,我们可以定义无限张图片,点击图片的侧边,即可以展开大图,手风琴效果还不错。



    在线演示    /     素材下载

    7、jQuery曲线图片播放插件

    这款jQuery图片播放插件的特点是图片切换的时候有一条流畅的曲线,非常时候播放一些产品宣传图片。



    在线演示    /    素材下载

    8、Google Doodle粘土动画

    这是Google Doodle设计的Logo图标,该动画是为了纪念粘土大师而设计的,该动画是利用一张图片实现的,通过播放图片中不同的帧来实现这个动画。



    在线演示    /    素材下载

    9、jQuery图片缩放插件Zoomer

    jQuery图片缩放插件Zoomer,Zoomer是一款非常出色的jQuery图片处理插件,Zoomer可以帮助你放大缩小图片,并可以在缩放图片时浏览大图,如果你需要浏览一些高清图片,建议使用Zoomer插件。



    演示地址    /    源码下载

    10、jQuery图片3D旋转播放插件

    jQuery图片3D旋转播放插件,这是一款强大的jQuery图片旋转播放插件,3D的效果大大增强了该插件的视觉感受。图片提供自动播放,也提供手动切换,如果在你的产品首页上应用这款jQuery插件将为页面增色不少。



    在线演示    /    源码下载

    11、jQuery 3D图片展示效果,带图片描述

    这是一款基于jQuery和CSS3的3D图片展示效果,图片一开始躺在桌面上,点击图片时,图片就像站起来一样展示出来,非常有立体的感觉,并且图片展示时带有图片描述的toolTip。



    在线演示    /    源码下载

    12、jQuery仿QQ窗口抖动特效

    这是一款基于jQuery的图片抖动特效,遗憾的是这款仿QQ抖动特效仿的不是很完美,但是也算是很有创新。



    在线演示    /    源码下载

    13、jQuery原始图片对比插件

    对图片渲染加工后,如果你想和原图做对比,那么这款jQuery原始图片对比插件就能很方便地帮你实现图片对比功能。鼠标拖动滑杆,就可在原图上对加工后的图片进行对比。



    在线演示    /    源码下载

    14、jQuery流水线图片滚动插件

    这是一款基于jQuery的图片滚动插件,该插件的特点是图片以流水线的方式流动,效果十分酷。



    在线演示    /    源码下载

    15、jQuery下一张图切换效果

    这个jQuery插件主要实现下一张图片的切换,当鼠标移过当前图片时,图片右侧将会显示一个半透明的下一张按钮区域,点击该区域就能切换到下一张图片,并且切换时有动画效果。



    在线演示     /    源码下载

    16、jQuery右侧带缩略图焦点图插件

    这是一款功能强大的jQuery焦点图插件,该jQuery焦点图的特点是右侧可以展开一行缩略图和描述,点击相应选项即可播放相应的图片,该jQuery焦点图的扩展性也很强。



    在线演示    /    源码下载

    17、jQuery前后翻页焦点图

    这也是一款非常出色的jQuery焦点图插件,从焦点图的外观看,该jQuery焦点图虽没有过多的修饰,但看起来十分大方。从焦点图的功能看,该jQuery焦点图拥有自动播放图片、手动切换图片、随机图片切换动画,我想这些功能足够你使用了。



    在线演示    /    源码下载

    18、jQuery抖动动画焦点图

    这是一款基于jQuery的动画焦点图,该焦点图在切换图片的时候会出现抖动动画,是一款很时尚的jQuery焦点图。



    在线演示    /    源码下载

    19、jQuery手风琴图片切换效果,支持横向和纵向

    这是一款基于jQuery的手风琴效果,这款手风琴插件功能相对完善,也满足横向和纵向的模式,用户也可以灵活地定义不同的外观样式。



    在线演示    /    源码下载

    20、jQuery实现3D圆盘图片播放,支持鼠标滚轮

    这款相片播放工具是基于jQuery实现的3D圆盘类型的,图片像是在圆盘上旋转一样,支持鼠标滚轮,而且图片有漂亮的tooltip。



    在线演示    /    源码下载

    21、jQuery带文字描述的焦点图

    这是一款基于jQuery的宽屏焦点图,该jQuery焦点图带有文字描述,文字描述区域和原图之间透明显示,非常大气。



    在线演示    /    源码下载

    22、jQuery宽屏带缩略导航焦点图

    这款焦点图有两个特点,第一就是宽屏,够大气。第二就是带有缩略图导航,方便浏览大图片。



    在线演示    /    源码下载

    23、jQuery抖动式图片切换效果

    这也是一款基于jQuery的图片切换插件,不过图片切换的时候会产生抖动的特效,你可以在演示页面点击切换下一张图片看看。


    在线演示    /    源码下载

  • 相关阅读:
    Python(2.7.6) 特殊方法
    Python(2.7.6) 列表推导式
    代码神注释鉴赏,喜欢拿去用
    为什么说重启能解决90%的问题
    为什么说重启能解决90%的问题
    编程语言简史
    编程语言简史
    Shell脚本中循环select命令用法笔记
    程序员职业规划
    程序员职业规划
  • 原文地址:https://www.cnblogs.com/sxwgf/p/3362919.html
Copyright © 2020-2023  润新知