Question

大家好，我试图把股票市场的股票代码我得到但是当我使用var string = 'This is a suPer NICE Sentence, am I right?'.toLowerCase();它的工作时我也使用了marquee并且放入了php usercake用户管理系统但是它不工作是有什么不对的用我的代码......

提前感谢..

我使用的代码

simple scroll

Answer 1

不确定您是否仍需要答案，但这可能有助于其他人。

无论我们如何评价马克思，有很多人仍在使用它们，所以值得给出一个可用的答案。

标签应该被遗忘;它不是全球支持的，因为它是专有的并且从未成为标准（如Connexo写的），但你可以使用css使你的文本向你想要的任何方向移动。

以下是我在CSS文件中使用的内容

/************************************************************************/
/* Marquee with text moving from right to left                          */
/************************************************************************/
/* Make it a MarqueeTxt */
.MarqueeTxt {
    width: 900px; /* What I call the see-through window below */
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    font-size:2.5em;

    color:#CD3245;
    text-shadow: #000 1px 1px 0;
    box-sizing: border-box;

    /* This is to make the text move across the see-through window */
    /* in 20 seconds (=> scrolling speed) */
    animation: MarqueeTxt 20s linear infinite;
    -webkit-animation: MarqueeTxt 20s linear infinite;

    /* This is for Safari that tends to render jerky marquees */
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);

}

/* This is to stop scrolling when hovering over the text */
.MarqueeTxt:hover {
    animation-play-state: paused;
    -webkit-animation-play-state: paused
}

/* Make it move */
/* If omitted, IE will not scroll the text  */
@keyframes MarqueeTxt {
    0% { text-indent: 26em }
    100% { text-indent: -55em }

}

/* Make it move */
/* If omitted, Chrome (possibly FF) will not scroll the text  */
@-webkit-keyframes MarqueeTxt {
    0% { text-indent: 26em }
    100% { text-indent: -55em }

}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

在PHP或HTML中，您通常会在<p>标记中使用它 <p class="MarqueeTxt">The text you want to display</p>。

如果您想确保文字滚动从右向左正确流动并在几秒钟后重新出现，则必须使用width: 900px;，text-indent: 26em和text-indent: -55em ，一旦它完全滚动。

我已经在IE，Safari，Chrome和FF上对此进行了测试。

我希望这会有所帮助

选框不完全滚动

1 个答案: