首页 > 其他 > 详细

一个简单的数据表格滚动

时间:2015-10-20 15:27:22      阅读:314      评论:0      收藏:0      [点我收藏+]

 <div class="div_scroll" id="A1">

    <div id="A2">

    <table cellpadding="0" cellspacing="0" border="0" class="table_scroll" width="1000" >

        //这里则是你的table

        </table>

        </div>

    </div>

// js代码

    

function _InitScroll(_S1,_S2,_W,_H,_T){

return "var marqueesHeight"+_S1+"="+_H+";var stopscroll"+_S1+"=false;var scrollElem"+_S1+"=document.getElementById(‘"+_S1+"‘);with(scrollElem"+_S1+"){style.width="+_W+";style.height=marqueesHeight"+_S1+";style.overflow=‘hidden‘;noWrap=true;}scrollElem"+_S1+".onmouseover=new Function(‘stopscroll"+_S1+"=true‘);scrollElem"+_S1+".onmouseout=new Function(‘stopscroll"+_S1+"=false‘);var preTop"+_S1+"=0; var currentTop"+_S1+"=0; var stoptime"+_S1+"=0;var leftElem"+_S2+"=document.getElementById(‘"+_S2+"‘);scrollElem"+_S1+".appendChild(leftElem"+_S2+".cloneNode(true));setTimeout(‘init_srolltext"+_S1+"()‘,"+_T+");function init_srolltext"+_S1+"(){scrollElem"+_S1+".scrollTop=0;setInterval(‘scrollUp"+_S1+"()‘,50);}function scrollUp"+_S1+"(){if(stopscroll"+_S1+"){return;}currentTop"+_S1+"+=1;if(currentTop"+_S1+"==(marqueesHeight"+_S1+"+1)) {stoptime"+_S1+"+=1;currentTop"+_S1+"-=1;if(stoptime"+_S1+"=="+_T/50+") {currentTop"+_S1+"=0;stoptime"+_S1+"=0;}}else{preTop"+_S1+"=scrollElem"+_S1+".scrollTop;scrollElem"+_S1+".scrollTop +=1;if(preTop"+_S1+"==scrollElem"+_S1+".scrollTop){scrollElem"+_S1+".scrollTop=0;scrollElem"+_S1+".scrollTop +=1;}}}";

}


eval(_InitScroll("A1","A2",1000,35*5,1000));

参数说明:

            

A1,A2或B1,B2是滚动内容区域外的两个DIV的ID


_W为滚动内容的宽度

_H为滚动内容的高度,必须为单元格高度的整数倍,这里每个单元格是35px高

_T为滚动后每次停留的时间




一个简单的数据表格滚动

原文:http://my.oschina.net/u/2467394/blog/519330

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!