jquery滚动实现

myEclipse_2008

于 2010-05-11 13:25:33 发布

阅读量153

点赞数

CC 4.0 BY-SA版权

分类专栏： jquery 文章标签： jQuery CSS ViewUI

本文链接：https://blog.youkuaiyun.com/myEclipse_2008/article/details/83612359

jquery 专栏收录该内容

4 篇文章

订阅专栏

本文详细介绍了如何使用JavaScript的滚动函数实现页面元素的滚动效果，并通过实例展示了具体实现步骤，包括获取元素高度、设置样式等关键操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//滚动函数
function Marquee(){ 
        //var h = parseInt($('#roll').find('tr:first').attr('Height'));//第一行tr高度(height属性的值)
		var h = parseInt($('#roll').find('tr:first').attr('offsetHeight'));//第一行tr高度
		var s = parseInt($('#roll').css('margin-top')); //<table>的margin-top的值(第一次未定义)
		  	if(isNaN(s)){
		  		s = 0;
		  	}else{
		  
		  		if(s == -h){//当移动一个tr的高度时
		  		    //$("#roll").find('tr:first').appendTo("#roll");或
		  			$("#roll").find('tr:first').appendTo($("#roll"));// 把第一行tr剪切添加到 table的最后一行
		  			//alert($('#roll').find('tr:first').attr('id'))
		  			s =-1;
		  		}else{
		  			s-=1;
		  		}
  			}
  		$('#roll').css('margin-top',s);	//负数往上移
}

window.setInterval(Marquee,500);