HTML代码中比较特殊的标签,它能使网页中的文字滚动,并且可以控制其滚动的属性。这就是滚动文字代码?下面yjbys小编为大家分享网页滚动文字的HTML源代码制作方法,希望对大家学习网页代码有帮助!

设置文字滚动

HTML技术中使文字滚动的方法是使用双标签。在HTML代码中可使其作用区文字滚动,默认为从右到左,循环滚动。在D:web目录下创建网页文件,命名为mar.htm,编写代码如代码4.15所示。

代码4.15 文字滚动的设置:mar.htm

文字滚动的设置

文字滚动示例(默认):做人要厚道

在浏览器地址栏输入

图4.15 设置文字滚动默认形式

从图4.15可得,在未设置宽度时,标签是独占一行的。

设置文字滚动的方向

标签的direction属性用于设置内容滚动方向,属性值有left、right、up、down,分别代表向左、向右、向上、向下,例如以下代码:

做人要厚道

做人要厚道

做人要厚道

做人要厚道

设置文字滚动的速度和形式

设置文字滚动使用标签,其属性说明如下。

— 标签的scrollamount属性用于设置内容滚动速度。

— 标签的.behavior 属性用于设置内容滚动方式,默认为scroll,即循环滚动,当其值为alternate时,内容将来回循环滚动。当其值为slide时,内容滚动一次即 停止,不会循环。还有一个loop属性可设置其滚动循环次数,默认为没有限制。

— 标签的scrolldelay属性用于设置内容滚动的时间间隔。

— 标签的bgcolor属性用于设置内容滚动背景色(类似于body的背景色设置)。

— 标签的width 属性用于设置内容滚动背景宽度。

— 标签的height属性用于设置内容滚动背景高度。

修改mar.htm网页文件,编写代码如代码4.16所示。

代码4.16 文字滚动的设置:mar.htm

文字滚动的设置

文字滚动示例(默认):做人要厚道

文字滚动示例(向右):做人要厚道

文字滚动示例(向下,滚动方式为slide,速度为10):做人要厚道

文字滚动示例(默认方向,滚动方式为alternate,循环3次,速度为2):做人要厚道

文字滚动示例(向上,背景色为#CCFF66,设置了背景宽度和高度):做人要厚道

的众多属性能非常方便地制作滚动文字,在后面的JavaScript学习中,读者将继续深化标签的动态行为学习。

html网页制作把文字放在右边,网页滚动文字的制作HTML代码相关推荐

  1. html网页设计把图片放在边框,网页设计中怎么让一张图片填充满整个画面 ?

    网页设计中怎么让一张图片填充满整个画面 ?以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! 网页设计中怎么让一张图片填充满 ...

  2. html 设置滚动文字效果,HTML中滚动文字设置

    的用途比较广泛,在这里详细讲解一下. 主要参数设置: align:是设定活动字幕的位置,除了居左.居中.居右三种位置外,又增加靠上(top)和靠下(bottom)两种位置. Bgcolor:用于设定活 ...

  3. marquee标签_html滚动文字

    marquee标签可以让我们在网页中编写的文字动起来,不论是上下滚动还是左右滚动都可以通过marquee标签中的属性来设置.语法:﹤marquee﹥需要被滚动的文字﹤/marquee﹥: 默认下mar ...

  4. html的视频字幕制作步骤,视频滚动字幕怎么制作(上)

    滚动字幕在我们生活中是十分常见的,不管是电影还是电视中都经常出现滚动字幕,内容包括广告.通知.说明等等,为视频添加滚动字幕可以让视频更加丰富.会声会影x8提供了很简便的方法来为视频添加滚动字幕,我们一 ...

  5. php中如何滚动文字,HTML_网页HTML代码:滚动文字的制作,制作滚动文字 通过本章前面 - phpStudy...

    制作滚动文字 通过本章前面的学习,读者已经能够很好地控制各种段落文字的显示方式,不过无论怎么设置,文字都是静态的.本节笔者讲述HTML代码中比较特殊的标签,它能使网页中的文字滚动,并且可以控制其滚动的 ...

  6. html滚动字幕图片,网页HTML代码滚动文字制作

    讲述HTML代码中比较特殊的标签,它能使网页中的文字滚动,并且可以控制其滚动的属性.以下是小编整理的网页HTML代码滚动文字制作,欢迎来阅读! 制作滚动文字 通过本章前面的学习,读者已经能够很好地控制 ...

  7. html怎么让一行文字有滚动的效果,网页HTML代码:滚动文字的制作

    本节笔者讲述HTML代码中比较特殊的标签,它能使网页中的文字滚动,并且可以控制其滚动的属性. 制作滚动文字 通过本章前面的学习,读者已经能够很好地控制各种段落文字的显示方式,不过无论怎么设置,文字都是 ...

  8. 制作一个简单HTML游戏网页(HTML+CSS)_英雄联盟 lol 7页

    ⛵ 源码获取 文末联系 ✈ Web前端开发技术 描述 网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 |游戏官网 | 游戏网站 | 电竞游戏 | 游戏介绍 | 等网站的 ...

  9. 教你如何制作一个简单的学生网页

    学生网页要求不能太高,老师在安排作业的时候会降低难度,一般是初学者的水平就可以了,我们在这里讲一讲如何简单制作一个学生静态网页,能够顺利通过考试. 准备工具 dreamwear 这是学习网页必备的软件 ...

  10. 编写html网页文档有哪些方法 它们,网页设计 第2章 HTML基础与文字版面设计.ppt...

    第 2 章 HTML基础与文字版面设计 本章知识技能要点: HTML标签与浏览器显示效果的基本对应关系 HTML的基本结构组成 简单页面的编排 在HTML中颜色的使用 掌握文字版面编辑的基本要领以及 ...

最新文章

  1. 信号与系统2021年期末考试命题
  2. LastPass 释出安全更新修复高危漏洞
  3. 003_推箱子-事件
  4. 如果我们预先得知未来某一刻会因为此刻的决定而失败,那是否还会继续努力?
  5. Ocelot统一权限验证
  6. Python 学习随笔1
  7. ssh mysql环境搭建_Ubuntu下JDK+Tomcat+MySql环境的搭建
  8. git 工具常用命令汇总
  9. 圣地亚哥分校 计算机,加州大学圣地亚哥分校计算机怎么样?
  10. Onvif协议学习:12、修改分辨率
  11. 阿里系盒子英菲克i6八核 科学使用 笔记 (2015年12月26日成功)
  12. python强制删除文件夹_对Python各种删除文件失败的处理方式-强制删除文件
  13. java技术面试一定要跳出来的坑,可曾听闻!
  14. OBS Studio下载速度慢,加速下载!11m/s
  15. 工程伦理--3.1 遭遇伦理困境
  16. LibreCAD Windows编译问题集
  17. InputStream类详解
  18. 【云代码】ip代理手机路由器对游戏行业的作用
  19. 程序员不得不知道的 API 接口常识
  20. Java实现简易聊天室以及Scoket编程入门

热门文章

  1. 江苏2021高考成绩查询全省排名,2021江苏省地区高考成绩排名查询,江苏省高考各高中成绩喜报榜单...
  2. 什么是IPS?如何对其进行调整?
  3. 3dsmax VRay分布式渲染
  4. php 图片上加文字,PHP实现在图片中添加中文文字
  5. 关于大数据的大数据平台
  6. 小米手机证书信任设置在哪里_通过此设置帮助更快地启动小米手机
  7. 苹果手机屏幕镜像_微软应用上线屏幕镜像功能:可在PC端控制安卓手机
  8. Problem C: 复数类的流输入输出
  9. PS怎么压缩图片大小而像素不变
  10. H264格式详细说明