23HUI - 分段切换（hui-segment）

效果图

DOM结构

    

        新闻
        音乐
        视频
    
    

        分段内容展示区域
    

演示代码

HUI 分段切换




    

    HUI 


    

        

        
样例演示
        

    
    

        

            新闻
            音乐
            视频
        
        

            新闻...
        
    



//点击切换函数可以根据实际业务需求编写业务代码
function changeDom(index){
    index--;
    var html = ['新闻','音乐','视频'];
    hui('#domsIn').html(html[index]+'...');
    hui('#cate a').eq(index).addClass('hui-segment-active').siblings().removeClass('hui-segment-active');
}