Html文字轮播源代码，无需加插件

最新推荐文章于 2025-05-22 13:28:11 发布

渴望飞的鱼

最新推荐文章于 2025-05-22 13:28:11 发布

阅读量6.8k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端网页设计文章标签： HTML 前端文字轮播

本文链接：https://blog.youkuaiyun.com/qq_36411874/article/details/80005820

前端网页设计专栏收录该内容

41 篇文章

订阅专栏

介绍了一种使用HTML与CSS实现的文字滚动效果，当鼠标悬停时文字停止滚动，移开后继续滚动。适用于网页中展示连续更新的信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

滚动代码，如下图。

文字向上滚动，当鼠标移动上去的时候，文字会静止。

当鼠标移动上去的时候

源代码:

<marquee  behavior="scroll" direction="up" height="300" onmouseover=this.stop() onmouseout=this.start() scrollamount=3>
					<span style="color:#000000;">        学院（Liy），是一所具有百年师范教育历史的广东省属普通本科院校，坐落在中国大陆最南端的美丽港城湛江市。学校办学历史可追溯到1636年的“雷阳书院”。2000年成为全国第一所通过教育部本科教学工作合格评估的师范院校。
					</span><br/>
					<span style="color: #000000;">   截至2013年，学校设有本科专业59个（其中师范类专业30个），涵盖教、文、法、经、史、理、工、农、管、艺等10大学科门类；国家级特色专业2个、广东省级特色专业6个，全日制在校本科生近人，教职工多名，其中教授名、博士人。</span>
			</marquee>