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函数，实现滚动。
    • 添加鼠标经过和离开事件，实现鼠标经过时暂停滚动的功能。