zoukankan      html  css  js  c++  java
  • 使用超棒超简单的自定义jQuery幻灯插件 Cycle2

    日期:2012-9-26  来源:GBin1.com

    使用超棒超简单的自定义jQuery幻灯插件 Cycle2

    在线演示

    Cycle2是一个超棒的jQuery幻灯插件,提供了非常好的功能来帮助大家更简单的使用插件的幻灯功能。支持声明式的初始样式配置,并且无须脚本可以完全支持自定义。你只需要简单的包含插件脚本,定义你的HTML内容,然后Cycle2可以帮助你完成其它所有的功能。

    如果你是一个不喜欢编程实现幻灯的开发人员的话,Cycle2是一个相当不错的选择。

    主要特性

    • 支持所有浏览器
    • 声明式的配置:无须脚本
    • 支持响应式:完全通过CSS来控制你的幻灯
    • 自定义:每一个幻灯都可以自定义
    • 智能:支持图片加载和延缓式的初始化
    • 更多智能:支持主动的图片加载
    • 内建了分页,主题,悬浮层和前进后退的控制
    • 支持移动设备上的触摸式的动作
    • 支持淡入淡出,滚动,叠放和轮播等特效过渡
    • 可添加书签
    • 文档非常完整,包含了很多的在线演示和说明
    • 更多...

    如何使用

    使用非常简单,包含相关的脚本:

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    <script src="http://malsup.github.com/jquery.cycle2.js"></script> 

    缺省的幻灯内容:

    <div class="cycle-slideshow">
        <img src="http://jquery.malsup.com/cycle2/images/p1.jpg">
        <img src="http://jquery.malsup.com/cycle2/images/p2.jpg">
        <img src="http://jquery.malsup.com/cycle2/images/p3.jpg">
        <img src="http://jquery.malsup.com/cycle2/images/p4.jpg">
    </div>

    cycle-slideshow是一个特殊的类,你指定之后,会自动生成幻灯。

    来源:使用超棒超简单的自定义jQuery幻灯插件 Cycle2

    欢迎访问GBin1.com
  • 相关阅读:
    个人冲刺6
    个人冲刺5
    个人冲刺4
    学习进度10
    个人冲刺3
    个人冲刺2
    单词统计
    返回一个整数数组中最大子数组的和
    JavaWeb_JavaEE_命名规则 转载http://www.cnblogs.com/xwdreamer/
    软件工程作业(四则运算web界面实现)-3
  • 原文地址:https://www.cnblogs.com/gbin1/p/2703656.html
Copyright © 2011-2022 走看看