这款响应式的jQuery内容选项卡插件也可以说是一款文字内容滑块插件。
使用方法
使用方法很简单
< div id = "cbp-contentslider" class = "cbp-contentslider" > < ul > < li id = "slide1" > < h3 class = "icon-wolf" >Wolf</ h3 > < div > < div class = "cbp-content" > < p > <!-- ... --> </ p > </ div > </ div > </ li > < li id = "slide2" > < h3 class = "icon-rabbit" >Rabbit</ h3 > < div > < div class = "cbp-content" > < p >...</ p > < p >...</ p > </ div > </ div > </ li > < li id = "slide3" > <!-- ... --> </ li > < li id = "slide4" > <!-- ... --> </ li > < li id = "slide5" > <!-- ... --> </ li > </ ul > < nav > < a href = "#slide1" class = "icon-wolf" >< span >Wolf</ span ></ a > < a href = "#slide2" class = "icon-rabbit" >< span >Rabbit</ span ></ a > < a href = "#slide3" class = "icon-aligator" >< span >Aligator</ span ></ a > < a href = "#slide4" class = "icon-turtle" >< span >Turtle</ span ></ a > < a href = "#slide5" class = "icon-platypus" >< span >Platypus</ span ></ a > </ nav > </ div > |