                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /信息滾動(dòng)效果制作

如何把這段代碼放到j(luò)s文件里引用？

用window.onload會(huì)報(bào)錯(cuò)。說(shuō)是找不到area，

window.onload?=?function(){
	var?area?=?document.getElementById('moocbox');
	var?con1?=?document.getElementById('con1');
	var?con2?=document.getElementById('con2');
	con2.innerHTML?=?con1.innerHTML;
	function?scrollUp(){
		if(area.scrollTop?>=?con1.offsetHeight){
			area.scrollTop?=?0;
		}else{
			area.scrollTop++;
		}
	}
	var?timer?=?50;
	var?myScroll?=?setInterval('scrollUp()',timer);
	area.onmouseover?=?function(){
		clearInterval(myScroll);
	}
	area.onmouseout?=?function(){
		myScroll?=?setInterval('scrollUp()',timer);
	}
}

Bang丶

2015-10-17

源自：信息滾動(dòng)效果制作 2-2

關(guān)注問(wèn)題我要回答

834

操作

收起

2 回答

Curtis_yang
2015-10-18

js一般放在<head></head>之間或者單獨(dú)的js文件；

單獨(dú)的js文件引入：<script type="text/javascript" src="js文件目錄"></script>

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

Y_du
2015-10-17

<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html?xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
<title>break</title>
<script?type="text/JavaScript">
window.onload?=?function(){
????var?area?=?document.getElementById('moocbox');
????var?con1?=?document.getElementById('con1');
????var?con2?=document.getElementById('con2');
????con2.innerHTML?=?con1.innerHTML;
????function?scrollUp(){
????????if(area.scrollTop?>=?con1.offsetHeight){
????????????area.scrollTop?=?0;
????????}else{
????????????area.scrollTop++;
????????}
????}
????var?timer?=?50;
????var?myScroll?=?setInterval(scrollUp(),?timer);
????area.onmouseover?=?function(){
????????clearInterval(myScroll);
????}
????area.onmouseout?=?function(){
????????myScroll?=?setInterval(scrollUp(),?timer);
????}
}
</script>
</head>
<body>
<div?id="moocbox">1111111111111</div>
<div?id="con1">2222222222222</div>
<div?id="con2">3333333333</div>
</body>
</html>