📄 9-2.html

📁 JavaScript经典实例教程代码
💻 HTML
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>带停顿的公告栏</TITLE>
<META http-equiv="content-type" CONTENT="text/html;charset=gb2312">
<META NAME="Author" CONTENT="CZH;czh44@sohu.com">
<style>
a{font-family:'宋体';color:black;font-size:10pt}
</style>
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
/*--------------------------------------|
|	Authored by CZH;Email:czh@sohu.com  |
|--------------------------------------*/
var scrollerHeight = 220;
var scrollerWidth = 200;
var textHidden = 'text2';
var textVisible = 'text1';
var textArray = new Array();	//每个元素对应一个要显示的文本项
var nowTextId = 1;
var backColor = "#aadfff";
var aimLeft = 5;
var aimTop = 5;
var delayTime=4000;
function addDiv()
{
	document.write("<div id='main_div' style='position:absolute;width:"
	+scrollerWidth+";height:"+scrollerHeight+";overflow:hidden;background-color:"+backColor
	+";clip:rect(0 "+scrollerWidth+" "+scrollerHeight+" 0);visibility:visible'>"
	+"<div id='text1' style='position:absolute;left:"+aimLeft+";width:"
	+scrollerWidth+";visibility:visible'></div>"
	+"<div id='text2' style='position:absolute;left:"+aimLeft+";width:"
	+scrollerWidth+";visibility:visible'></div>"
	+"</div>"
	);
}
function addItem(text,url,target)
{
	len = textArray.length;
	textArray[len] = "<a href='"+url+"' target='"+target+"'>"+text+"</a>";
}
function doScroll()
{
	//延时后进行移动
	setTimeout('moveHidden()',delayTime);
}
function moveHidden()
{
	textH = document.getElementById(textHidden);
	textV = document.getElementById(textVisible)
	if(document.getElementById(textHidden).style.pixelTop!=aimTop)
	{
		textH.style.pixelTop -=1;
		textV.style.pixelTop -=1;
		moving = setTimeout('moveHidden()',5);
	}
	else
	{
		clearTimeout(moving);
		//重设隐藏层与显示层
		if(textHidden=='text2')
		{
		textHidden = 'text1';
		textVisible = 'text2';
		}
		else
		{
		textHidden = 'text2';
		textVisible = 'text1';
		}
		document.getElementById(textHidden).style.pixelTop = scrollerHeight;
		//改变层内容
		changeContent();
		doScroll();
	}
}
function changeContent()
{
	nowTextId +=1;
	if(nowTextId>=textArray.length)
	nowTextId = 0;
	document.getElementById(textHidden).innerHTML = "";
	document.getElementById(textHidden).innerHTML = textArray[nowTextId];
}
function init()
{	
	text1.innerHTML = "";	//innerHTML属性后面四个字母HTML必须大写
	text1.innerHTML = textArray[0];
	text1.style.top = aimTop;
	text2.innerHTML = "";
	text2.innerHTML = textArray[1];
	text2.style.top=scrollerHeight;
}
//添加滚动文本
addItem("生产力报告出炉 中国贫富差距未来10年继续拉大--由温家宝总理主持、历时近三年打造的《中国生产力发展研究》报告昨日出炉，并由国家统计局、发改委、国资委、财政部等各部委联合在京发布。报告指出......","http://","_blank");
addItem("国家统计局预测：中国经济还能高速增长15年--未来１５年中国经济发展前景如何？利用经济计量模型，国家统计局对２００５—２０２０年中国ＧＤＰ总量、结构及增长率作出了初步预测。......","http://","_blank");
addItem("广东癌症村18年病死250人 河水稀释万倍仍剧毒--该村18年间有250多人死于癌症，祸起矿山剥采污染水源，央视曾称其为“死亡村庄”；.....","http://","_blank");
addItem("怎能让这一代人为8万亿养老金缺口埋单？--据《东方早报》报道，劳动和社会保障部部长田成平日前表示，从2006年起，个人养老账户的规模将由本人缴费工资的11%调整为8%，全部由个人缴费形成，单位缴费不再划入个人账户。......","http://","_blank");
//-->
</SCRIPT>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--//在网页中相应位置添加滚动文本
addDiv();
//-->
</SCRIPT>
</BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
init();
doScroll();
//-->
</SCRIPT>
</HTML>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -