多个栏目的Tab切换效果
利用jquery,实现多个栏目的Tab切换效果
文章类型:
自定义属性: 必须设置
Tab唯一ID: 如果一个页面有多个Tab,则必须设置
文章数目:
标题字数:
更多链接:
时间格式: 为空表示不显示
设置帮助:

本lib库的基本用法:

1. 调用lib库,设置好custom_str、tab_id_prefix等参数
2. 把CMS目录/script/jquery/ui.tabs.css的内容复制到模板css文件中去修改tab外观
3. 载入jquery,让tab工作起来

下面是模板范例代码:

<div class="my_tabs"><{include file="../lib/hb.many_type_tabs.tpl.html" custom_str="index_show_1" tab_id_prefix="hb_tab_1" }></div>

<script type="text/javascript">hbcmsLoadJquery("jquery, ui.tabs.js");</script>
<script type="text/javascript">
$('div.hb_type_tabs > ul').tabs({ fx: { opacity:'toggle' } }).tabs('rotate', 4000);
</script>