你的位置:首页 > Java教程

[Java教程]jQuery cbpContentSlider 滑动切换


cbpContentSlider是一款选项卡插件,只要按照以下html结构就可以自动生成菜单切换内容特效。

在线实例

实例演示

使用方法

<div id="cbp-contentslider" >     <ul>         <li id="slide1">             <h3 >狼</h3>             <div>                 <div >                     <p>在一个狼群里,头狼老了,不能再出去捕猎了。有一天,他让两只年轻的狼独自去捕食猎物,没想到这两只年轻的狼当天就满载而归。头狼问它们是怎么捕获这么大的猎物的。</p>                     <p>“我们在那些猎人回家的路上袭击了他们。”两只年轻的狼得意地回答。“他们一共多少人?”头狼问。“l0个。”两只年轻的狼很是骄傲。几天后,这个狼群中几只年轻的狼再次结队出去捕猎。头狼一直焦急地等待着他们回来,但他们一直不见踪影。第四天,一只遍体鳞伤、奄奄一息的狼终于艰难地爬了回来。“出什么事了?”头狼问。“我们袭击了猎人,其他的狼都被打死了………”“他们一共几个人?”头狼又问。“三个………”这只受伤的狼有气无力地回答。“上次是10个人,你们不是也得手了吗?”“可这三个人是朋友………”</p>                 </div>             </div>         </li>         <li id="slide2">             <h3 >兔子</h3>             <div>                 <div >                     <p>一天,小熊和小兔去山上比赛搬石头小熊对小兔说:“我年年举重比赛都得冠军,谁也比不过我。”比赛开始了,小熊走过去咬着牙,咧着嘴,用尽全身力气,使劲抱住石头往上搬。你看它手臂上的肌肉一块块暴起,一条条青筋清晰可见,汗水像下雨一样滴滴答答往下掉,可那块大石头像生了根似的,纹丝不动。</p>                     <p>小兔想:靠蛮力搬起石头是不行的,要想办法才可以搬得动这块大石头。小兔想起和小伙伴们玩跷跷板的场景,这时它的脑海里冒出来了一个好主意。它先找来一根又粗又长的木棒,然后找来一块石头,先把木棒插到大石头下面,再把小石头放到木棒下面,使劲一压,大石头滚了下去,“啪”的一声到了山脚下。小熊在一旁看着,下巴都快掉到地上了。小熊摸摸后脑勺,跑到小兔面前竖起大拇指说:“小兔你真厉害。”小兔说:“这没什么,我也只是观察了生活中的一些小细节,然后运用到这里罢了。”</p>                 </div>             </div>         </li>     </ul>     <nav>         <a href="#slide1" ><span>狼</span></a>         <a href="#slide2" ><span>兔子</span></a>     </nav> </div>$('#cbp-contentslider').cbpContentSlider();

  

参数详解

参数描述默认值
speed切换速度 毫秒500
easing动画效果ease-in-out
current当前选项卡索引0

下载

 




深圳到英国旅游英国游报价英国旅游价格特价英国游深圳到英国旅游报价东江画廊什么时候去最好玩吗?河源东江画廊景色怎么样? 3月岭南印象园门票优惠吗?广州岭南印象园什么时候去最好? 岭南印象园有什么花看?广州岭南印象园油菜花开了吗? 徽州三月好时光 青瓦白墙黄花香 天一名人蜡像馆地址?广州天一名人蜡像馆在哪里? 广州天一名人蜡像馆怎么走?天一名人蜡像馆自驾游攻略? 道滘粤晖园门票价格?粤晖园拓展基地门票多少钱? 赏银杏最美好时节 原来徐州美景近在眼前 浪漫蜜月巴厘岛之旅 泰国旅游签证怎么办理 11月份适合去哪里旅游 适合旅游的海岛推荐 潮州菜一脉相承 细数潮汕历史上的名酒店_潮州旅游攻略_潮州旅游景点 长隆水上乐园2015年10月份什么时候闭园?广州长隆水上乐园闭园时间?_广州旅游攻略_广州旅游景点 花都香草世界有导游证免费吗?广州花都香草世界门票优惠政策?_香草世界旅游攻略_香草世界旅游景点 最强洗肺地哪里找 首选浪漫之都大连_大连旅游攻略_大连旅游景点 MID-7341C Datasheet MID-7341C Datasheet MID-73A1C Datasheet MID-73A1C Datasheet MID-73H1C Datasheet MID-73H1C Datasheet 康辉旅游网 康辉旅游网 康辉旅游网 泰国游价格 泰国游价格 泰国游价格 到俄罗斯旅游多少钱 到俄罗斯旅游多少钱 到俄罗斯旅游多少钱