scroll_block.js

来自「嘉缘人才6.0精简 ,很好用的人才系统」· JavaScript 代码 · 共 76 行

/** 定时循环滚动区块控制脚本 */
var scrollerheight=80;		// 需要滚动的区块的高度
var s_amount = 80;		//每次滚动的高度
var waitingtime = 3000;		// 停顿时间
	
var bMouseOver = 1;
var scrollspeed = 1;		// 滚动速度         
var s_tmp = 0;
var html, total_area=0, wait_flag=true;

var scroll_content=new Array();
var startPanel=0, n_panel=0, i=0;
	
function startscroll(){		// 启动滚动
	n_panel=(1-scroll_content.length);
	i=0;
	for (i in scroll_content){
		n_panel++;
	}
	n_panel = n_panel - 1 ;

	//startPanel = Math.round(Math.random()*n_panel);
	startPanel = n_panel;
	if(startPanel == 0){
		i=0;
		for (i in scroll_content) 
			insert_area(total_area, total_area++); // area 插入
	}
	else if(startPanel == n_panel){
		insert_area(startPanel, total_area);
		total_area++;
		for (i=0; i<startPanel; i++){
			insert_area(i, total_area); // area 插入
			total_area++;
		}
	}else if((startPanel > 0) || (startPanel < n_panel)){
		insert_area(startPanel, total_area);
		total_area++;
		for (i=startPanel+1; i<=n_panel; i++){
			insert_area(i, total_area); // area 插入
			total_area++;
		}
		for (i=0; i<startPanel; i++){
			insert_area(i, total_area); // area 插入
			total_area++;
		}
	}
	window.setTimeout("scrolling()",waitingtime);
}

function scrolling(){ // 滚动ing...
	if (bMouseOver && wait_flag){
		for (i=0;i<total_area;i++){
			tmp = document.getElementById('scroll_area'+i).style;
			tmp.top = parseInt(tmp.top)-scrollspeed;
			if (parseInt(tmp.top) <= -scrollerheight){
				tmp.top = scrollerheight*(total_area-1);
			}
			if (s_tmp++ > (s_amount-1)*scroll_content.length){
				wait_flag=false;
				window.setTimeout("wait_flag=true;s_tmp=0;",waitingtime);
			}
		}
	}
	window.setTimeout("scrolling()",0.5);
}

function insert_area(idx, n){ // area 插入
	html='<div style="left: 0px; width: 100%; position: absolute; top: '+(scrollerheight*n)+'px" id="scroll_area'+n+'">\n';
	html+=scroll_content[idx]+'\n';
	html+='</div>\n';
	document.write(html);
}
/** end 定时循环滚动区块控制脚本 */