web前端js基础------制作滚动图片

1，要求

通过定时器使其出现滚动的效果

可以通过按键控制图片滚动的方向（设置两个按钮绑定点击事件）

当鼠标悬停时图片停止，鼠标离开时图片继续向前滚动（可以设置鼠标的悬停和离开事件）

参考如下

			content.onmouseenter = function(){//设置鼠标悬停事件
				key = "stop";
			}
			content.onmouseleave = function(){//设置鼠标离开事件
				key = "run";
			}

图片可以持续滚动，不会出现空白（添加滚动图片）

2，参考代码（左右滚动）

	
		
		
		
	
	
		

			

				
				
				
				
				
				
				
				
				
				
			
		
		

				向左
				向右
			
		
	

3，结果参考示例

4，参考代码（上下滚动）

	
		
		
		
	
	
		

			

				
				
				
				
				
				
				
				
				
				
			
		
		

				向上
				向下
		
		
	

效果同3