Jquery 当文本溢出容器时滚动文本

我已经找过了，但找不到答案。我有一个节目为在线电台播放“谁在演奏”

div的宽度为200px，当艺术家+歌曲标题较长时，文本将被截断（溢出：隐藏）

我想让整个文本从左向右滚动，这样当左侧超出div时，文本的右侧就可以看到。有人能把我放在右边吗

谢谢

<div class="radioco_song">EBTG - Driving (The Underdog Remix)</div>

---

我想这就是你想要的：

函数startMarquee（）{
var menuItemWidth=$（this）.width（）；
var listItemWidth=$（this.parent（）.width（）；
如果（menuItemWidth>listItemWidth）{
var scrollDistance=menuItemWidth-listItemWidth；
var listItem=$（this.parent（）；
listItem.stop（）；
listItem.animate({
向左滚动：滚动距离
}，3000，‘线性’；
}
}
函数stopMarquee（）{
var listItem=$（this.parent（）；
listItem.stop（）；
listItem.animate({
左：0
}","中等","摇摆";；
}
$（“#菜单a”）。悬停（startMarquee，stopMarquee）；

#菜单{
利润率：10px；
}
#菜单>div{
宽度：100px；
溢出：隐藏；
字体系列：无衬线；
}
#菜单>分区a{
空白：nowrap；
}

---

我想这就是你想要的：

函数startMarquee（）{
var menuItemWidth=$（this）.width（）；
var listItemWidth=$（this.parent（）.width（）；
如果（menuItemWidth>listItemWidth）{
var scrollDistance=menuItemWidth-listItemWidth；
var listItem=$（this.parent（）；
listItem.stop（）；
listItem.animate({
向左滚动：滚动距离
}，3000，‘线性’；
}
}
函数stopMarquee（）{
var listItem=$（this.parent（）；
listItem.stop（）；
listItem.animate({
左：0
}","中等","摇摆";；
}
$（“#菜单a”）。悬停（startMarquee，stopMarquee）；

#菜单{
利润率：10px；
}
#菜单>div{
宽度：100px；
溢出：隐藏；
字体系列：无衬线；
}
#菜单>分区a{
空白：nowrap；
}

---

只需更改溢出：滚动。

---

.radioco#u song{字体大小：16px！重要；空白：nowrap；宽度：200px；溢出：滚动；边框：1px实心#ccc；填充：10px；}

只需更改溢出：滚动即可。

---

.radioco#u song{字体大小：16px！重要；空白：nowrap；宽度：200px；溢出：滚动；边框：1px实心#ccc；填充：10px；}

您当前的代码是什么？更新了我的原始帖子。谢谢。您需要为此创建两个分区。第一个分区隐藏溢出，最大宽度。内部分区有溢出滚动，没有固定宽度。这不起作用，我希望标题移动，就像带有behavior=“alternate”的字幕一样，但仅当文本长于div时。您当前的代码是什么？更新了我的原始帖子。谢谢。你需要为此创建两个div。第一个具有隐藏溢出和最大宽度。内部div有溢出滚动且没有固定宽度。这不起作用，我希望标题移动，就像带有behavior=“alternate”的字幕，但仅当文本比div长时。

.radioco_song {
font-size: 16px !important;
white-space: nowrap;
width: 200px;
overflow: hidden;
border: 1px solid #ccc;
padding: 10px;
}