页面特效 UI组件库 菜单导航 窗口特效 幻灯片滑动 图像相册 表单 选项卡 表格 评分星级 手风琴 文本链接 布局 日历 颜色选择器 按钮 图表 html5 提示 ExtJS 在线客服 其他特效 地图 树形控件 移动开发 BootStrap 滑动条 文件上传 表单验证 分页 播放器 Angular VUE

简单的但强大旋转木马插件jCarouselLite

幻灯片滑动 HTML我帮您 1年前  次浏览
jCarousel Lite是一个jQuery非常简单的旋转木马插件,每个元素可以是图像和HTML内容。 简而言之,你在旋转木马的HTML风格可以浏览图像和/或部件。 允许设置自动播放滚动,滚动速度,支持水平或垂直滚动,点击小图出现大图,点击按钮滚动,鼠标滚动切换,切换时使用不同效果,显示个数。 简单的但强大旋转木马插件jCarouselLite
$(".bounceout .carousel").jCarouselLite({
    btnNext: ".bounceout .next",
    btnPrev: ".bounceout .prev",
    easing: "easeOutBounce",
    speed: 1000
});

$(".widget .carousel").jCarouselLite({
    btnNext: ".widget .next",
    btnPrev: ".widget .prev",
    speed: 800,
    easing: "backout"
});

$(".widget img").click(function() {
    $(".widget .mid img").attr("src", $(this).attr("src"));
});

$(".vertical .carousel").jCarouselLite({
    btnNext: ".vertical .next",
    btnPrev: ".vertical .prev",
    vertical: true
});

相关链接

发表评论