Javascript 如何自动滚动包含纯文本的div（水平）？

请容忍我在这里！我熟悉基本的HTML，并决定网络编程将是我的职业。我参加了一个项目，现在正在写我第四学期的第一个现场项目。我们的类主要处理.NET框架，我对Javascript和客户端编程非常不熟悉

希望我能充分概述这些信息，让社区中的优秀成员有机会帮助一个初露头角的开发人员

目标：在页面上水平滚动包含纯文本的div 环境：运行ASP.NET 4.0的Windows服务器。 语言：C#/XHTML/Javascript 使用的工具：jQuery、jQueryTools、SmoothDivScroll

我曾尝试使用名为SmoothDivScroll的jQuery插件以及jQueryTools来执行我的目标，但是，由于缺乏客户端经验，我完全没有成功

我的网页位于，并且我尝试滚动的div具有scrollingPanel的类和ID

如果有帮助，我可以提供示例代码

---

-Taylor

这似乎符合您的需要：

/*滚动条的CSS*/
#滚动面板{
位置：相对位置；
高度：24px；
宽度：500px；
显示：块；
溢出：隐藏；
边框：#中交1px实心；
}
.scrollingtext{
位置：绝对位置；
空白：nowrap；
}
$（文档）.ready（函数（）{
//创建一个水平滚动条
$（“#滚动面板”）.SetScroller({
速度：80，
方向：“水平”
//插件页面源代码的更多调整
});
});

您的HTML应该如下所示：

<div id="scrollingPanel">
    <div class="scrollingtext">
        Making a Difference in People
    </div>
</div>

改变人们

---

查看源代码了解更多功能和调整

这似乎符合您的需要：

/*滚动条的CSS*/
#滚动面板{
位置：相对位置；
高度：24px；
宽度：500px；
显示：块；
溢出：隐藏；
边框：#中交1px实心；
}
.scrollingtext{
位置：绝对位置；
空白：nowrap；
}
$（文档）.ready（函数（）{
//创建一个水平滚动条
$（“#滚动面板”）.SetScroller({
速度：80，
方向：“水平”
//插件页面源代码的更多调整
});
});

您的HTML应该如下所示：

<div id="scrollingPanel">
    <div class="scrollingtext">
        Making a Difference in People
    </div>
</div>

改变人们

---

有关更多函数和调整，请参见源代码

像这样将文本包装在字幕标记中

<div class="scrollingPanel">
    <marquee>Making a Difference in People</marquee>
</div>

改变人们

---

不过，我个人不推荐这种解决方案。但这对你的大学项目很有用，比如魅力。它不需要任何外部脚本。

像这样将文本包装在字幕标记中

<div class="scrollingPanel">
    <marquee>Making a Difference in People</marquee>
</div>

改变人们

---

不过，我个人不推荐这种解决方案。但这对你的大学项目很有用，比如魅力。它不需要任何外部脚本。

Remy Sharp有一个很好的jQuery Marquee实现。这允许您执行以下操作：

<div class='marquee'>Scroll this</div>

---

包括他的插件。

雷米·夏普有一个很好的jQuery Marquee实现。这允许您执行以下操作：

<div class='marquee'>Scroll this</div>

---

包括他的插件。

不要认真使用

marquee

标签，这是什么1995？伙计们，这只是一个大学项目！不要认真使用

marquee

标签，这是什么1995？伙计们，这只是一个大学项目！我将标记更改为类似于此，只是我使用了一个scrollingPanel类作为容器，而不是ID。我还将脚本更改为使用类选择器而不是ID。文本现在显示在容器的左侧而不是右侧，但是，它不会滚动。我刚刚更新了实时代码，希望你能继续帮助我。我相信这是最简单的方法，并感谢您的快速响应。插件源代码未加载，请检查jquery.Scroller-1.0.min.js的正确路径。另外，在$（document）.ready（）中包含脚本，我编辑了我的答案。好的，我不完全确定如何做到这一点。正如我所说，我的客户端编程非常简单。如果你能提供一个代码示例，我相信问题会得到解决。我理解document.ready方法的作用，但不确定如何实现它。好的，但主要问题是插件源代码没有加载。您必须更改src=“jquery.Scroller-1.0.min.js”，以匹配服务器中的正确路径。我已将标记更改为类似于此，只是我为容器使用了一个scrollingPanel类，而不是ID。我还将脚本更改为使用类选择器而不是ID。文本现在显示在容器的左侧，而不是右侧，但是，它不会滚动。我刚刚更新了实时代码，希望你能继续帮助我。我相信这是最简单的方法，并感谢您的快速响应。插件源代码未加载，请检查jquery.Scroller-1.0.min.js的正确路径。另外，在$（document）.ready（）中包含脚本，我编辑了我的答案。好的，我不完全确定如何做到这一点。正如我所说，我的客户端编程非常简单。如果你能提供一个代码示例，我相信问题会得到解决。我理解document.ready方法的作用，但不确定如何实现它。好的，但主要问题是插件源代码没有加载。您必须更改src=“jquery.Scroller-1.0.min.js”，以匹配服务器中的正确路径。