扫一扫分享
CardTabs是一款简单的jquery Tabs选项卡插件。该jquery Tabs选项卡插件可以自定义主题,兼容IE8浏览器,而且使用简单,非常实用。
1、引入
<link rel='stylesheet' href='assets_path/css/jquery.cardtabs.css'>
<script src="js/jquery.min.js"></script>
<script type='text/javascript' src='assets_path/js/jquery.cardtabs.js'></script>
2、html
<div class='container'>
<div data-tab="Tab one">
/* contents of the first tab... */
</div>
<div data-tab="Tab two">
/* contents of the second tab... */
</div>
<div data-tab="Tab three">
/* contents of the third tab... */
</div>
</div>
3、js
<script type='text/javascript'>
$('.container').cardTabs();
</script>
手机预览