如何使用JavaScript实现文字和图片的上下滚动效果？

HTML部分：

• 创建一个<div>容器#demo，其中包含一个<ul>列表#demo1和一个空的<div>容器#demo2。
• 每个<li>元素代表一行滚动的文字或图片。

CSS部分：

• 设置#demo的样式，使其具有固定的高度和宽度，并隐藏溢出的内容。
• 设置#demo1和#demo2的样式，使其内容左对齐。
• 设置<li>元素的样式，包括高度、缩进和颜色。

JavaScript部分：

• 获取#demo、#demo1和#demo2的DOM元素。
• 将#demo1的内容复制到#demo2中，以便实现无缝滚动。
• 定义Marquee函数，控制滚动效果。
• 使用setInterval函数定期调用Marquee函数，实现滚动。
• 添加鼠标经过和离开事件，实现鼠标经过时暂停滚动的功能。