                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /信息滚动效果制作

如何把这段代码放到js文件里引用？

用window.onload会报错。说是找不到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

源自：信息滚动效果制作 2-2

关注问题我要回答

850

操作

收起

2 回答

Curtis_yang
2015-10-18

js一般放在<head></head>之间或者单独的js文件；

单独的js文件引入：<script type="text/javascript" src="js文件目录"></script>

0 回复有任何疑惑可以回复我~

收起回答

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>