jQuery圆形轮播图插件circleCarousel

所属分类:媒体-幻灯片和轮播图,图片展示

 21353  258  查看评论 (3)
分享到微信朋友圈
X
jQuery圆形轮播图插件circleCarousel ie兼容11

使用方法

在页面中引入jquery、circle.js和circle.css文件。

<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="js/circle.js"></script>
<link rel="stylesheet" href="css/circle.css">

HTML结构

该jQuery圆形轮播图的HTML结构如下。

<div>
    <div>
        <span data-tab="1">
     Item 1
     <span ></span>
        </span>
        <span data-tab="2">
     Item 2
     <span ></span>
        </span>
        <span data-tab="3">
     Item 3
     <span ></span>
        </span>
        <span data-tab="4">
     Item 4
     <span ></span>
        </span>
        <span data-tab="5">
     Item 5
     <span ></span>
        </span>
        ...
    </div>

    <div>
        <div>
            TEXT SAMPLE FOR ITEM 1
        </div>
        <div>
            TEXT SAMPLE FOR ITEM 2
        </div>
        <div>
            TEXT SAMPLE FOR ITEM 3
        </div>
        <div>
            TEXT SAMPLE FOR ITEM 4
        </div>
        <div>
            TEXT SAMPLE FOR ITEM 5
        </div>
    </div>

</div>
相关插件-幻灯片和轮播图,图片展示

仿酷狗轮播图超炫酷效果

将轮播图进行简易的封装能够很好的复用以及修改
  幻灯片和轮播图
 28686  268

jQuery滑动式图片轮播效果

jQuery滑动式图片轮播效果兼容ie6
  幻灯片和轮播图
 32999  247

jQuery轮播图插件slide.js

基于jQuery拓展的轮播插件,使用方便简单,只用一句代码自动加载,方便交互
  幻灯片和轮播图
 51037  318

仿360新闻图文混排焦点图

仿360新闻图文混排焦点图,兼容ie6
  幻灯片和轮播图
 24006  304

讨论这个项目(3)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    钱志强 0
    2019/3/29 16:03:31
    转一圈的,太厉害,感觉屏幕都在抖啊~体验很差啊 回复
    0
    2019/1/22 20:05:31
    有个顿闪bug 应该是有分辨率问题
        sohopeter0
        2019/1/23 15:40:08
        哦,那研究一下,不断更新
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复