class="flowtitle"

.flowtitle{}{}

 1//标题栏的自动浮动效果
 2var oldTop = 0;
 3var trs; 
 4var arrTrs = new Array();
 5function onScroll()
 6{
 7    if(arrTrs && arrTrs.length > 0)
 8    {
 9        for(var i = 0; i < arrTrs.length; i++)
10        {    
11            var arr = arrTrs[i];
12            var top = (document.documentElement && document.documentElement.scrollTop) ? 
13                    document.documentElement.scrollTop : document.body.scrollTop; 
14            if( (top > arr[0].offsetTop || arr[1] < arr[0].offsetTop) &&
15                top < arr[2])
16            {
17                arr[0].style.top = top;
18            }
19        }
20    }
21}
22function load ()
23{
24    //获取可浮动表头列表
25    var trs = document.getElementsByClassName("flowtitle");
26    if(trs && trs.length > 0)
27    {
28        for(var i = 0; i < trs.length; i++)
29        {
30            var tr = trs[i];
31            tr.style.position = "absolute";
32            var arr = new Array(2);
33            arr[0] = tr;
34            arr[1] = tr.offsetTop;//alert(tr.offsetTop+"|"+tr.parentNode.offsetHeight);
35            arr[2] = tr.offsetTop + tr.parentNode.offsetHeight;
36            arrTrs[i] = arr;
37        }
38    }
39}
40window.onscroll = onScroll;
41window.onload = load;