讲师中心 微信公众号
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机游戏
最近更新
当前位置：首页 > web前端 > html教程 >

正文

0

0

HTML 文字的左右来回移动

不言

不言

发布时间：2018-04-21 15:36:50

|

6770人浏览过

|

来源于php中文网

原创

这篇文章介绍的内容是HTML 文字的左右来回移动  ，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下

  HTML marquee 元素（） 用来插入一段滚动的文字。你可以使用它的属性控制当文本到达容器边缘发生的事情。
behavior：
        设置文本在 marquee 元素内如何滚动。可选值有 scroll(连续滚动)，slide(滑动一次) 和 alternate(往返滚动)。 如果未指定值，默认值为 scroll。
bgcolor：
        通过颜色名称或十六进制值设置背景颜色。
direction：
        设置 marquee 内文本滚动的方向。可选值有 left, right, up and down。如果未指定值，默认值为 left。
loop：
        设置 marquee 滚动的次数。如果未指定值，默认值为 −1，表示 marquee 将连续滚动.
scrollamount：
        设置每次滚动时移动的长度（以像素为单位）。默认值为 6。
scrolldelay：
        设置每次滚动时的时间间隔（以毫秒为单位）。默认值为 85。请注意， 除非指定 truespeed 值，否则将忽略任何小于 60 的值，并改为使用 60。
truespeed：
        默认情况下，会忽略小于60的scrolldelay值。如果存在truespeed，那些值不会被忽略。
vspace,hspace：
        表示运动区域边界的水平距离和垂直距离，以像素或百分比值设置垂直边距。
width,height：
        表示运动区域的宽度和高度，以像素或百分比值设置高度。
align：
         表示元素的垂直对齐方式，值可以是top，middle，bottom，默认为middle

 onmouseover=this.stop() onmouseout=this.start()表示当鼠标以上区域的时候滚动停止，当鼠标移开的时候又继续滚动 

代码：

 
添加滚动内容






							

								Miniflow
								

									Miniflow
									
AI工作流自动化平台

								

								下载 
							

						


立即学习“前端免费学习笔记（深入）”；


相关推荐：


HTML 实现背景图片的替换
					
					

													

								
相关文章

							

							

																	
										
如何正确解析包含孤立  元素的 HTML 片段

									
																	
										
如何在 Node.js 原生 HTTP 服务中动态渲染数组为 HTML 内容

									
																	
										
如何修复 HTML 表单中下拉选择触发计算后结果被清空的问题

									
																	
										
如何在 WhatsApp 分享链接中正确插入换行符（%0a URL 编码）

									
																	
										
如何修复下拉选择计算器中结果值被重置的问题

									
															

													

							

								HTML速学教程(入门课程)
								

									HTML速学教程(入门课程)
									
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！

								

								下载 
							

						
							

								
相关标签:

								

									html								

							

						
						
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

						

													上一篇：html设置表格边框样式
													下一篇：html 图像标记 META标签 内联框架 超链接 
												

					


					

													

								

									
 
										
作者最新文章

									

								

																	

										

											
												
如何在两个内联元素之间添加换行符

											
											

												
2019-04-15 14:06

											

										

								

																	

										

											
												
ps反向选区快捷键是什么？

											
											

												
2019-04-15 15:37

											

										

								

																	

										

											
												
编程适合什么人学？

											
											

												
2019-04-15 16:23

											

										

								

																	

										

											
												
PS标尺怎么用？

											
											

												
2019-04-15 16:46

											

										

								

																	

										

											
												
ctrl+t是什么快捷键？

											
											

												
2019-04-16 10:06

											

										

								

																	

										

											
												
ctrl加什么是保存？

											
											

												
2019-04-16 10:43

											

										

								

																	

										

											
												
it是什么职业？

											
											

												
2019-04-16 11:48

											

										

								

																	

										

											
												
剪切快捷键ctrl加什么？

											
											

												
2019-04-16 14:02

											

										

								

																	

										

											
												
查找的快捷键是ctrl键加上什么键

											
											

												
2019-04-16 14:55

											

										

								

																	

										

											
												
编程是什么？

											
											

												
2019-04-16 16:04

											

										

								

															

						
						

							

								
 
									
热门AI工具

								

								更多
							


							

																	

										
											DeepSeek
											

												
DeepSeek

												
幻方量化公司旗下的开源大模型平台

																									

																												
AI大模型

																													
开放平台

																											

																							

										
									

																	

										
											豆包大模型
											

												
豆包大模型

												
字节跳动自主研发的一系列大型语言模型

																									

																												
AI大模型

																											

																							

										
									

																	

										
											通义千问
											

												
通义千问

												
阿里巴巴推出的全能AI助手

																									

																												
AI大模型

																											

																							

										
									

																	

										
											腾讯元宝
											

												
腾讯元宝

												
腾讯混元平台推出的AI助手

																									

																												
文档处理

																													
Excel 表格

																											

																							

										
									

																	

										
											文心一言
											

												
文心一言

												
文心一言是百度开发的AI聊天机器人，通过对话可以生成各种形式的内容。

																									

																												
AI大模型

																													
中文写作

																											

																							

										
									

																	

										
											讯飞写作
											

												
讯飞写作

												
基于讯飞星火大模型的AI写作工具，可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

																									

																												
中文写作

																													
写作工具

																											

																							

										
									

																	

										
											即梦AI
											

												
即梦AI

												
一站式AI创作平台，免费AI图片和视频生成。

																									

																												
图片拼接

																													
图画生成

																											

																							

										
									

																	

										
											ChatGPT
											

												
ChatGPT

												
最最强大的AI聊天机器人程序，ChatGPT不单是聊天机器人，还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

																									

																												
AI大模型

																													
中文写作

																											

																							

										
									

																	

										
											智谱清言 - 免费全能的AI助手
											

												
智谱清言 - 免费全能的AI助手

												
智谱清言 - 免费全能的AI助手

																									

																												
AI大模型

																													
PC软件

																											

																							

										
									

															





						


					



				


			
			

				

                    
                

				

					

						
 
							
相关专题

						

						更多
					

					

													

								c++ 根号
								

									c++ 根号
									
本专题整合了c++根号相关教程，阅读专题下面的文章了解更多详细内容。

									

										
 
											
42

										

										
 
											
2026.01.23

										

									

								

							

													

								c++空格相关教程合集
								

									c++空格相关教程合集
									
本专题整合了c++空格相关教程，阅读专题下面的文章了解更多详细内容。

									

										
 
											
46

										

										
 
											
2026.01.23

										

									

								

							

													

								yy漫画官方登录入口地址合集
								

									yy漫画官方登录入口地址合集
									
本专题整合了yy漫画入口相关合集，阅读专题下面的文章了解更多详细内容。

									

										
 
											
202

										

										
 
											
2026.01.23

										

									

								

							

													

								漫蛙最新入口地址汇总2026
								

									漫蛙最新入口地址汇总2026
									
本专题整合了漫蛙最新入口地址大全，阅读专题下面的文章了解更多详细内容。

									

										
 
											
341

										

										
 
											
2026.01.23

										

									

								

							

													

								C++ 高级模板编程与元编程
								

									C++ 高级模板编程与元编程
									
本专题深入讲解 C++ 中的高级模板编程与元编程技术，涵盖模板特化、SFINAE、模板递归、类型萃取、编译时常量与计算、C++17 的折叠表达式与变长模板参数等。通过多个实际示例，帮助开发者掌握 如何利用 C++ 模板机制编写高效、可扩展的通用代码，并提升代码的灵活性与性能。

									

										
 
											
16

										

										
 
											
2026.01.23

										

									

								

							

													

								php远程文件教程合集
								

									php远程文件教程合集
									
本专题整合了php远程文件相关教程，阅读专题下面的文章了解更多详细内容。

									

										
 
											
100

										

										
 
											
2026.01.22

										

									

								

							

													

								PHP后端开发相关内容汇总
								

									PHP后端开发相关内容汇总
									
本专题整合了PHP后端开发相关内容，阅读专题下面的文章了解更多详细内容。

									

										
 
											
73

										

										
 
											
2026.01.22

										

									

								

							

													

								php会话教程合集
								

									php会话教程合集
									
本专题整合了php会话教程相关合集，阅读专题下面的文章了解更多详细内容。

									

										
 
											
75

										

										
 
											
2026.01.22

										

									

								

							

													

								宝塔PHP8.4相关教程汇总
								

									宝塔PHP8.4相关教程汇总
									
本专题整合了宝塔PHP8.4相关教程，阅读专题下面的文章了解更多详细内容。

									

										
 
											
67

										

										
 
											
2026.01.22

										

									

								

							

											

				


				

					

						
 
							
热门下载

						

						更多
					

					

						

							
网站特效  
 /
							
网站源码 
 /
							
网站素材 
 /
							
前端模板 

						

						
						
						
						
					

					

				


				

					
                




				

					

						
 
							
相关下载

						

						更多
					

					

											
php商城系统

											
淘源码商城PHP淘宝查信誉

											
PHP房产程序[BBWPS]

											
PHP简约自动发卡平台个人版

											
ERMEB域名PHP离线网络授权系统

											
Difeye-敏捷的轻量级PHP框架

											
大泉州汽车网PHP整站程序

										


				


				

					

						
 
							
精品课程

						

						更多
					

					

						

							
相关推荐  
 /
							
热门推荐 
 /
							
最新课程 

						

						

													

								
									Bootstrap 5教程
								
								

									Bootstrap 5教程

									

										
共46课时 | 3万人学习

									

								

							

													

								
									AngularJS教程
								
								

									AngularJS教程

									

										
共24课时 | 2.9万人学习

									

								

							

													

								
									CSS教程
								
								

									CSS教程

									

										
共754课时 | 23.5万人学习

									

								

							

												


						

						
						

					

				


				

					

						
 
							
最新文章

						

						更多
					

					

													
Next.js 表格渲染错误：Hydration 失败的解决方案

													
如何使用 CSS 为表格行（tr）实现圆角背景与渐变色条形图效果

													
如何正确解析包含表格行（<tr>）的 HTML 片段

													
如何在多步骤表单中仅验证当前步骤的字段集

													
Next.js 表格组件水合失败问题的解决方案

													
Next.js 表格组件水合失败（Hydration Failed）的解决方案

													
HTML 片段中正确解析孤立 <tr> 表格行元素的完整方案

													
如何让拖放功能在移动设备上正常工作

													
标题：Angular 中父子组件共享响应式表单数据的正确方式

													
HTML 片段中解析孤立 <tr> 表格行的正确方法

											


				







			




		

	
	
	

    

        

            

                

                    

                        关于我们
                        免责申明
                        举报中心
                        意见反馈
                        讲师合作
                        广告合作
                        最新更新
                                                

                    

                    
php中文网：公益在线php培训，帮助PHP学习者快速成长！

                    

                      
                        关注服务号
                        
                      
                        
                        技术交流群
                        
                      
                        

                    

                

                
            

            

                

                    
                    

                        
PHP中文网订阅号

                        
每天精选资源文章推送

                    

                

            

        

    

    

        
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

    













	
	
		
	
	


    
  • 
        
    
            
    
                
                    
                    
    PHP学习
    
                    
            
    
        
    
    
    • 
    
  • 
        
    
            
    
                
                    
                    
    技术支持
    
                    
            
    
        
    
    
    • 
    
  • 
        
    
            
    
                
                    
                    
    返回顶部
    
                    
            
    
        
    
    
    •