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

1. HTML部分：

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

2. CSS部分：

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

3. JavaScript部分：

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