first commit

WebRoot/JS/tableScroll.js

@@ -0,0 +1,75 @@
+// 参数1 tableID,参数2 div高度，参数3 速度，参数4 tbody中tr几条以上滚动
+//tableScroll('tableId', 400, 30, 10)
+
+function tableScroll(tableid, hei, speed, len) {
+	var MyMarhq;
+	
+    clearTimeout(MyMarhq);
+    $('#' + tableid).parent().find('.tableid_').remove()
+    $('#' + tableid).parent().prepend(
+        '<table class="tableid_"><thead style="display:none">' + $('#' + tableid + ' thead').html() + '</thead></table>'
+    ).css({
+        'position': 'relative',
+        'overflow': 'hidden',
+        'height': hei + 'px'
+    })
+    $(".tableid_").find('th').each(function(i) {
+        $(this).css('width', $('#' + tableid).find('th:eq(' + i + ')').width());
+    });
+    $(".tableid_").css({
+        'position': 'absolute',
+        'top': 0,
+        'left': 0,
+        'z-index': 9
+    })
+    $('#' + tableid).css({
+        'position': 'absolute',
+        'top': 0,
+        'left': 0,
+        'z-index': 1
+    })
+
+    if ($('#' + tableid).find('tbody tr').length > len) {
+        $('#' + tableid).find('tbody').html($('#' + tableid).find('tbody').html() + $('#' + tableid).find('tbody').html());
+        $(".tableid_").css('top', 0);
+        $('#' + tableid).css('top', 0);
+        var tblTop = 0;
+        var outerHeight = $('#' + tableid).find('tbody').find("tr").outerHeight();
+        var trHeight = $('#' + tableid).find('tbody').find("tr").height();
+        
+        function Marqueehq() {
+        	tblTop = tblTop - 1;
+             if (tblTop == -outerHeight) {
+                 //第一项放到最后一项
+                 var td_fir = $('#' + tableid).find("tbody").find("tr:first-child");
+                 var td_new = "<tr style='height:"+trHeight+"px;'>" + td_fir.html() +
+                     "</tr>";
+                 $('#' + tableid).find("tbody").append(td_new);
+                 td_fir.remove();
+                 tblTop = 0;
+             }
+//            if (tblTop <= -outerHeight * $('#' + tableid).find('tbody').find("tr").length) {
+//                tblTop = 0;
+//            } else {
+//                tblTop -= 1;
+//            }
+            $('#' + tableid).css('transform', 'translateY(' + tblTop + 'px)');
+//            $('#' + tableid).css('margin-top', tblTop + 'px');
+            clearTimeout(MyMarhq);
+            MyMarhq = setTimeout(function() {
+                Marqueehq()
+            }, speed);
+        }
+//        setInterval(Marqueehq,speed);
+        MyMarhq = setTimeout(Marqueehq, speed);
+        $('#' + tableid).find('tbody').hover(function() {
+            clearTimeout(MyMarhq);
+        }, function() {
+            clearTimeout(MyMarhq);
+            if ($('#' + tableid).find('tbody tr').length > len) {
+                MyMarhq = setTimeout(Marqueehq, speed);
+            }
+        })
+    }
+
+}