首页 > 其他分享> 文章详细

纯html+css 实现滚动新闻

2022-09-08 03:30:09 阅读：153 来源： 互联网

标签：滚动虚位以待解码本周 html 2098 css 书讯

- 本周亮点 -

本周图书国庆特大书讯
我们虚位以待你准备好了吗
本周解码亮相国际书展会

- 未来猜想 -

新财富主义下消失的白领职业
小行星2098年掠过地球

纯html 实现滚动新闻来源于CSDN

<marquee>在HTML和HTML5中都属于废弃的特性，建议不要使用这个标签。代替的方案就是使用CSS3中的animation和keyframes来实现跑马灯。见此参考

js版本在此

 1 <P class=MsoNormal style="MARGIN: 0cm 0cm 0pt">
 2   <STRONG>
 3     <SPAN lang=EN-US style="FONT-SIZE: 9pt; FONT-FAMILY: 宋体" XML:LANG="EN-US">-</SPAN>
 4     <SPAN style="FONT-SIZE: 9pt; FONT-FAMILY: 宋体">本周亮点
 5       <SPAN lang=EN-US XML:LANG="EN-US">-</SPAN></SPAN>
 6   </STRONG>
 7 </P>
 8 <P class=MsoNormal style="MARGIN: 0cm 0cm 0pt">
 9   <SPAN style="FONT-SIZE: 9pt; FONT-FAMILY: 宋体">
10     <marquee behavior="scroll" direction="up" width="300" height="65" loop="-1" scrollamount="1.5" scrolldelay="0.5" stytle="font:50px">本周图书国庆特大书讯
11       <br/>我们虚位以待 你准备好了吗
12       <br/>本周解码亮相国际书展会</marquee></SPAN>
13 </P>
14 <P class=MsoNormal style="MARGIN: 0cm 0cm 0pt">
15   <SPAN lang=EN-US style="FONT-SIZE: 9pt; FONT-FAMILY: 宋体" XML:LANG="EN-US"></SPAN>
16 </P>
17 <P class=MsoNormal style="MARGIN: 0cm 0cm 0pt">
18   <STRONG>
19     <SPAN lang=EN-US style="FONT-SIZE: 9pt; FONT-FAMILY: 宋体" XML:LANG="EN-US">-</SPAN>
20     <SPAN style="FONT-SIZE: 9pt; FONT-FAMILY: 宋体">未来猜想
21       <SPAN lang=EN-US XML:LANG="EN-US">-</SPAN></SPAN>
22   </STRONG>
23 </P>
24 <P class=MsoNormal style="MARGIN: 0cm 0cm 0pt">
25   <SPAN style="FONT-SIZE: 9pt; FONT-FAMILY: 宋体">
26     <marquee behavior="scroll" direction="up" width="300" height="65" loop="-1" scrollamount="1.5" scrolldelay="0.5" stytle="font:50px">新财富主义下消失的白领职业
27       <br/>小行星2098年掠过地球</marquee></SPAN>
28 </P>
29 <P class=MsoNormal style="MARGIN: 0cm 0cm 0pt">
30   <SPAN lang=EN-US style="FONT-SIZE: 9pt; FONT-FAMILY: 宋体" XML:LANG="EN-US"></SPAN>
31 </P>

标签：滚动,虚位以待,解码,本周,html,2098,css,书讯
来源： https://www.cnblogs.com/redwei/p/16667931.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

纯html+css 实现滚动新闻