10.30 网页新闻滚动效果.htm

<title>10.30 网页新闻滚动效果</title>
<style type="text/css">
#rollText{font:12px /20px verdana;}
</style><div id="rollAD" style="height:40px; position:relative; overflow:hidden;">
			<div id="rollText" style="font-size:12px; line-height:20px;">
			<a href="/" title="">★今日A股市场走势★</a><br />
			<a href="/" title="">★今日美国纳斯达克走势★</a><br />
			<a href="/" title="">★今日德国股票市场走势★</a><br />
			<a href="/" title="">★今日俄罗斯股票市场走势★</a><br />
			<a href="/" title="">★今日日本股票市场走势走势★</a><br />
			<a href="/" title="">★今日港股市场走势★</a><br />
	</div>
</div>
<script type="text/javascript">
// <![CDATA[
var textDiv = document.getElementById("rollText");
var textList = textDiv.getElementsByTagName("a");
if(textList.length > 2){
	var textDat = textDiv.innerHTML;
	var br = textDat.toLowerCase().indexOf("<br",textDat.toLowerCase().indexOf("<br")+3);
	//var textUp2 = textDat.substr(0,br);
	textDiv.innerHTML = textDat+textDat+textDat.substr(0,br);
	textDiv.style.cssText = "position:absolute; top:0";
	var textDatH = textDiv.offsetHeight;MaxRoll();
}
var minTime,maxTime,divTop,newTop=0;
function MinRoll(){
	newTop++;
	if(newTop<=divTop+40){
		textDiv.style.top = "-" + newTop + "px";
	}else{
		clearInterval(minTime);
		maxTime = setTimeout(MaxRoll,5000);
	}
}
function MaxRoll(){
	divTop = Math.abs(parseInt(textDiv.style.top));
	if(divTop>=0 && divTop<textDatH-40){
		minTime = setInterval(MinRoll,1);
	}else{
		textDiv.style.top = 0;divTop = 0;newTop=0;MaxRoll();
	}
}
// ]]>
</script>