29HUI - 图标及九宫格（hui-speed-dial-icons）

效果图

九宫格布局dom结构

    

       

          

              
          
          
文本
        
        循环li.....
    

完整演示代码

HUI




    

    HUI 


    
演示样例
    

    

        

    
    



var icons = [   'hui-icons-menu', 'hui-icons-toast', "hui-icons-menu","hui-icons-img",
                "hui-icons-left","hui-icons-number", "hui-icons-up","hui-icons-down",
                "hui-icons-down2","hui-icons-progress", "hui-icons-success","hui-icons-range",
                "hui-icons-warn","hui-icons-tab", "hui-icons-loading","hui-icons-picker",
                "hui-icons-eyes","hui-icons-home", "hui-icons-switch","hui-icons-news",
                "hui-icons-swipe","hui-icons-my", "hui-icons-forum","hui-icons-nav",
                "hui-icons-menu-point","hui-icons-star", "hui-icons-msg","hui-icons-water-fall" ,
                "hui-icons-search","hui-icons-register" , "hui-icons-write","hui-icons-check" ,
                "hui-icons-loading2","hui-icons-clone" , "hui-icons-remove","hui-icons-like" ,
                "hui-icons-pause","hui-icons-stop" , "hui-icons-shopping-cart"
        ];
var html  = '';
for(var i = 0; i < icons.length; i++){
    html += '
'+
        '
'+
            ''+
        '
'+
        '
'+icons[i].replace('hui-icons-', '')+'
';
    '
';
    hui('.hui-speed-dial ul').html(html);
}