漏刻有时数据可视化增降符箭头的封装解决方案

HTML

 <div class="liIn">
                            <h3>访客数</h3>
                            <p class="shu"><span id="shu1"></span><i>人</i></p>
                            <div class="zi"><span class="span1">较前七日</span><span id="z1_status"></span><span id="shu_z1"></span>%</div>
                            <span class="border_bg_leftTop"></span>
                            <span class="border_bg_rightTop"></span>
                            <span class="border_bg_leftBottom"></span>
                            <span class="border_bg_rightBottom"></span>
                        </div>

封装函数

 /*增降符
 *num 数字
 *id HTML DOM,容器Id,如"#num"*/
    function getIcon(num, id) {
        if (num < 10) {
            $(id).html('<img src="images/up.png" alt=""> ');
        } else {
            $(id).html('<img src="images/down.png" alt=""> ');
        }
    }

lolockdatav Done!