zoukankan      html  css  js  c++  java
  • jQuery实现多种切换效果的图片切换的五款插件

    1:Nivo SliderNivoslider:丰富的图片切换效果

    官方网址:
    https://themeisle.com/plugins/nivo-slider

    查看演示:https://www.helloweba.com/demo/nivoSlider/

    官方介绍:Nivoslider是一款基于jQuery的的,能实现多种切换效果的图片切换插件.Nivoslider提供了11种切换效果,支持多种参数配置和方法函数调用,使用简单,是一款非常理想的图片切换插件。

    Nivo Slider提供16种过渡效果,从切片和滑动,到褪色和折叠响应和移动准备
    Nivo Slider会裁剪图像并将其大小调整为指定的大小自动图像裁剪

    2:3D Image Slider

    http://www.cuteslider.com/

    在任何设备的屏幕尺寸范围广泛的高功能。它可以适应任何屏幕尺寸,以获得最佳的观看情况。

    能够展示你的幻灯片真棒3D和2D过渡
    它包含五个独特且随时可用的模板。跨浏览器和设备友好完全可自定义

    3:Slidesjs

    http://www.slidesjs.com/

    SlidesJS是jQuery(1.7.1+)的一个响应式幻灯片插件,具有触摸和CSS3转换等功能。试试看上面的例子,以帮助您开始将SlidesJS添加到您的项目中。

    响应:创建适应任何屏幕的动态幻灯片。
    CSS3转换:在现代设备上流畅运行的动画。

    触摸:滑动支持,跟踪支持的设备上的触摸动作。
    设置简单:快速使用易于使用的示例。

    4:WOW Slider

    http://wowslider.com/WOW

    jQuery Slider在所有移动设备,包括IE6在内的现代和以前的浏览器上都完美无瑕地工作,这要归功于标准兼容,有效的语义标记和完全优化的脚本,使用可视化的“插入到页面向导”,不需要触摸一行代码即可将其嵌入到页面中。

    Query滑块是轻的(6KB gzipped),加载速度快,利用硬件加速的动画。它成功地在数百万个页面上被使用和测试(是的,数百万),所以我们可以肯定的说它几乎没有错误。

    5:An HTML5 Slideshow

    demo:https://www.dmxzone.com/go/17708/html5-slideshow/

    在Dreamweaver中以令人惊叹的HTML5幻灯片形式呈现照片。
    幻灯片照片库使用jQuery构建,基于CSS,使用HTML5 W3C标准元素(如Canvas和CSS3转换)(如果可用)

    具有最高的动画质量,并且完全不需要Flash,因此可以在所有iDevices上顺利运行!
    幻灯片包括许多风格的导航控制,所以它完全适合网站。
    原文作者:祈澈姑娘
    原文链接:https://www.jianshu.com/u/05f416aefbe1
    创作不易,转载请告知

    90后前端妹子,爱编程,爱运营,爱折腾。
    坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。
    有个很难涨粉的的公众号叫:【编程微刊】

  • 相关阅读:
    RadioGroup,Radio单选按钮,CheckBox的使用
    使用Intent启动图片裁剪时遇到的问题:Intent#setData()与Intent#setType()赋值问题
    onActivityResult()的用法
    android:图片裁剪
    Sublime Text快捷键
    sublime text3 安装插件
    windows的git服务器搭建
    查询字符串是否已存在
    js 兼容基础
    SOA 一些基本概念
  • 原文地址:https://www.cnblogs.com/wangting888/p/9701735.html
Copyright © 2011-2022 走看看