miniui实现隔行换色与鼠标悬浮提示

<style type="text/css">
		html,body{
			margin:0;padding:0;border:0;width:730px;height:100%;overflow:auto;color: black;
		}	
	    .mini-grid-border {
            border-color: white;
        }
		.mini-diff-color {
			background:#e4effa;
		}
	</style>

var grid = null;
	
$(function(){
	mini.parse();
	grid = mini.get("CenterWaitUnloadId");
	var params = $$.serializeToJson("#searchForm");
	grid.load(params);

	//悬浮提示
	var tip = new mini.ToolTip();
		tip.set({
		target:document,
		selector:".tip",
		onbeforeopen: function (e) {            
           	 e.cancel = false;
        },
		onopen:function(e){
			var html ="<div style='width:430px;color:red;'>"+"<span 			style='text-align:left;display:block;'>1、总=干+网;</span><span style='text-align:left;display:block;'>2、干=省+省外待卸车;</span><span style='text-align:left;display:block;'>3、干线：与发车载净;</span>"
			+"<span style='text-align:left;display:block;'>4、已等待时长：</span><span style='text-align:left;display:block;'>①干线。最多保留2天数据);</span>"
			+"<span style='text-align:left;display:block;'>②支线：当前时间-发号时间(到站时间);</span>"
			+"<span style='text-align:left;display:block;'>5、网点待卸车台数;</span>"
			+"<span style='text-align:left;display:block;'>6、支线台均等待;</span>"
			+"<span style='text-align:left;display:block;'>7、数据展示规则：每天9:30会清空。</span>"+"<div>";

			tip.setContent(html);
	}
});

    //隔行换色
    grid.on("drawcell",function (e) {
		var row = e.record;
		var index = grid.indexOf(row);//获取行的索引
		if(index%2==1){
			e.rowCls = "mini-diff-color";
		}
 	})
});

效果图：