jQuery orbit 幻灯片

阅读更多

在线实例

默认

带缩略图

带描述

使用方法

1.  class="wrap" style="width: 565px; height: 290px; margin: 0 auto;">
2.      id="featured">
3.          class="orbit-item" href="#" data-caption="#htmlCaption1"> src="images/img1.jpg" alt="img1">
4.          src="images/img4.jpg" alt="img4" data-caption="#htmlCaption5">
5.          href="#"> src="images/img2.jpg" alt="img2">
6.          class="orbit-item" style="background-color: #eee; text-align: center; line-height: 290px;">这是一个空的div，可以放 html代码、视频等等

         href="#" data-caption="#htmlCaption3"> src="images/img3.jpg" alt="img3">

    

     class="orbit-caption" id="htmlCaption1">这是幻灯片1的标题

     class="orbit-caption" id="htmlCaption3">这是蝙蝠侠吗？

     class="orbit-caption" id="htmlCaption5">没有链接的幻灯片

 type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.7.2/jquery.min.js">

 src="js/jquery.orbit.min.js">

复制

---

下载