Javascript marquee在modal内部不工作

marquee在modal外部工作，但在modal内部不工作

甚至我也尝试过使用其他字幕标记，但有时文本会相互附加，我应该怎么做才能让字幕在模式中工作

         <!-- Modal -->
              <div class="modal fade" id="myModal" role="dialog">
                <div class="modal-dialog">

                  <!-- Modal content-->
                  <div class="modal-content">
                    <div class="modal-header">
                      <button type="button" class="close" data-dismiss="modal">&times;</button>
                      <h4 class="modal-title">Modal Header</h4>
                    </div>
                    <div class="modal-body">

                      <marquee bgcolor="#000080" onMouseOver="this.scrollAmount=0" onMouseOut="this.scrollAmount=2" scrollamount="2" direction="up" loop="true" width="30%">
             <center>
            <font color="#ffffff" size="+1">SCROLLING TEXT</font><p>
            <font color="#ff0000" size="+1">UPWARD</font><p> 
            <font color="#ffffff" size="+1">IS ONE WAY</font><p>
            <font color="#ffffff" size="+1">TO MAKE YOUR</font><p>
            <font color="#ffffff" size="+1">SITE</font><p>`enter code here`
            <font color="#ff0000" size="+1">STAND OUT</font><p>
            <font color="#ffffff" size="+1">FROM THE REST!</font>
            </center>
            </marquee>

                    </div>
                    <div class="modal-footer">
                      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    </div>
                  </div>

                </div>
              </div>

            </div>

&时代；
模态头
滚动文本
向上
是单向的
使您的
站点`在此处输入代码`
脱颖而出
从其他人那里！
接近

marquee在模态外部工作，但在模态内部不工作……

---

甚至我也尝试使用其他marquee标记，但有时文本会出现在彼此身上……我应该怎么做才能使marquee在modal中工作？

尝试使用marquee.js而不是传统的marquee

         <!-- Modal -->
              <div class="modal fade" id="myModal" role="dialog">
                <div class="modal-dialog">

                  <!-- Modal content-->
                  <div class="modal-content">
                    <div class="modal-header">
                      <button type="button" class="close" data-dismiss="modal">&times;</button>
                      <h4 class="modal-title">Modal Header</h4>
                    </div>
                    <div class="modal-body">

                      <marquee bgcolor="#000080" onMouseOver="this.scrollAmount=0" onMouseOut="this.scrollAmount=2" scrollamount="2" direction="up" loop="true" width="30%">
             <center>
            <font color="#ffffff" size="+1">SCROLLING TEXT</font><p>
            <font color="#ff0000" size="+1">UPWARD</font><p> 
            <font color="#ffffff" size="+1">IS ONE WAY</font><p>
            <font color="#ffffff" size="+1">TO MAKE YOUR</font><p>
            <font color="#ffffff" size="+1">SITE</font><p>`enter code here`
            <font color="#ff0000" size="+1">STAND OUT</font><p>
            <font color="#ffffff" size="+1">FROM THE REST!</font>
            </center>
            </marquee>

                    </div>
                    <div class="modal-footer">
                      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    </div>
                  </div>

                </div>
              </div>

            </div>

---

或者其他开源软件上提供的

我只使用css。从W3Schools.com获得帮助 此处的代码片段：

.divMarquee{
宽度：相对；
显示：内联块；
位置：相对位置；
-webkit动画：myfirst 5s infinite；/*Safari 4.0-8.0*/
-webkit动画方向：交替；/*Safari 4.0-8.0*/
动画：myAni 5s无限；
动画方向：初始；
}
/*Safari 4.0-8.0*/
@-webkit关键帧myAni{
0%{左侧：-50%；顶部：0px；}
100%{左：110%；顶：0px；}
}
/*如果要更改方向，只需更改左侧值或将其设置为右侧*/
@关键帧myAni{
0%{左侧：-50%；顶部：0px；}
100%{左：110%；顶：0px；}
}
.模态体{
溢出：隐藏；/*用于将文本移出模式的溢出*/
}

开放模态
&时代；
模态头
模态中的一些文本

接近

已过时，不应使用。这是从左到右。。。你能帮我做从下到上的滚动吗？将代码替换为：@-webkit关键帧myAni{0%{left:0px；top:100px；}100%{left:0px；top:-100px；}}@keyframes myAni{0%{left:0px；top:100px；}100%{left:0px；top:-100px；}