javascript实现连续滚动

学习 2005-3-21 8:59

这个代码很不错。从蓝色理想上找到的

function reportError(msg,url,line) {
	var str = "You have found an error as below: \n\n";
	str += "Err: " + msg + " on line: " + line;
	alert(str);
	return true;
}

window.onerror = reportError;

var obj_marquee = document.getElementById("marquee");
var repeat = null;
var marquee_spd = 50;

function marquee_init() {
	var obj_unit = obj_marquee.firstChild;
	var marquee_high = parseInt(obj_marquee.style.height);
	var marquee_wide = parseInt(obj_marquee.style.width);
	var unit_high = obj_unit.offsetHeight;
	var unit_wide = obj_unit.offsetWidth;
	var m = 0, n = 0, i = 0;
	var tmp = null;
	
	m = Math.ceil(marquee_wide / unit_wide);
	n = Math.ceil(marquee_high / unit_high);

obj_unit.style.width = marquee_wide * (m+1);
	obj_unit.rows[0].cells[0].style.width = obj_marquee.style.width;
	
	for(i=0; i<m; i++) {
		tmp = obj_unit.rows[0].insertCell(-1);
		tmp.innerHTML = obj_unit.rows[0].cells[0].innerHTML;
		tmp.style.width = marquee_wide;
		tmp = null;
	}

for(i=0; i<n; i++) {
		obj_marquee.appendChild(obj_unit.cloneNode(true));
	}

return;
}

function marquee_doit() {
	var direction = "";
	direction = obj_marquee.getAttribute("direction");
	if(direction != null) marquee_show(direction);
	direction = obj_marquee.getAttribute("direction2");
	if(direction != null) marquee_show(direction);
	return;
}

marquee_init();
repeat = setInterval("marquee_doit()",marquee_spd);

marquee.onmouseover = function() {clearInterval(repeat);}
marquee.onmouseout = function() {repeat=setInterval("marquee_doit()",marquee_spd);}
</script>

<table style="border:1px black solid;"><tr><td>
<div id="marquee" direction="up" style="overflow:hidden;height:200px;width:250px">
  <table style="border:0px;padding:0px;"><tr><td>
    
    <a href="#" target="_blank">经典论坛</a><br>
    <a href="#" target="_blank">163.com</a><br>
    <a href="#" target="_blank">21cn.com</a><br>
    <a href="#" target="_blank">Happy new year</a>
    
  </td></tr></table>
</div>
</td></tr></table>

Direction1: 
<input type="button" value="↑" onclick="obj_marquee.direction='up'"> 
<input type="button" value="↓" onclick="obj_marquee.direction='down'"> 
<input type="button" value="←" onclick="obj_marquee.direction='left'"> 
<input type="button" value="→" onclick="obj_marquee.direction='right'"> 
<input type="button" value=" X " onclick="obj_marquee.direction=''"> <br>

Direction2: 
<input type="button" value="↑" onclick="obj_marquee.direction2='up'"> 
<input type="button" value="↓" onclick="obj_marquee.direction2='down'"> 
<input type="button" value="←" onclick="obj_marquee.direction2='left'"> 
<input type="button" value="→" onclick="obj_marquee.direction2='right'"> 
<input type="button" value=" X " onclick="obj_marquee.direction2=''">

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

标签集:TAGS:

回复Comments() 点击Count()

回复Comments

{commentauthor}

{commenttime}

{commentnum}

{commentcontent}

作者:

{commentrecontent}