因此,与其进行代码转储,不如将引用链接到我迄今为止看到的类型。https://www.html.am/html-codes/marquees/html-marquee.cfm
虽然这些与我想要的非常接近,但它们并不完全正确。最接近我追求的是跳动的文本。。。但这些都是基于一个比文本大的容器制作的。
只有当文本溢出时,我才能让文本左右滚动?(https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow)
我以为这一切都可以在css中实现。但如果不是这样,JS也没问题。
div[type=text] {
border: solid 1px black;
height: 20px;
width: 100px;
font-family: sans-serif;
overflow: hidden;
}
<div type="text">abcdefghijklmnopqrstuvwxyz</div>
解决设计问题
故意将内容设计为不符合视图可能实际上是需要解决的根本问题。也许对用户来说,在不需要滚动、动画或脚本的情况下直观地显示内容更好。
有很多理由不在你的网页上制作动画,从你给用户群体带来的问题,到移动东西纯粹的分心。
所以,我的主要答案是,你可能应该设计一个不同的解决方案(比如,给内容足够的空间(。
你会发现几乎所有人都要避免使用marquee标签(这并不意味着使用不同的标签,然后用CSS或JavaScript设置动画(。然而,理论上我们仍然可以有一些乐趣,只是在现实生活中避免它被弃用。
Marquee的乐趣
您可以使用alternate,并添加一些不间断的空格,以在滑动文本的视觉盛宴中显示内容。我不认为这对你的用户有好处,但对拥有大量移动内容的潜力感到惊讶。
div[type=text] {
border: solid 1px black;
height: 20px;
width: 100px;
font-family: sans-serif;
overflow: hidden;
}
<div type="text"><marquee behavior="alternate"> abcdefghijklmnopqrstuvwxyz </marquee></div>