网页滚动字幕文字新法

JS 滚动字幕文字新法

我想大家都看过各种各样的滚动(最常用的就是用在新闻的更新上面),一般情况下只要不是图片,都是用HTML本身就有提供一个很不错的滚动标记——marquee来完成的(用JS也可以同样实现这种效果);当然并不是说图片就不能那样做。

以下为marquee的一些基本的参数:

该标记语法格式如下:

aligh=left|center|right|top|bottom

bgcolor=#n

direction=left|right|up|down

behavior=type

height=n

hspace=n

scrollamount=n

Scrolldelay=n

width=n

VSpace=n

loop=n>内容

下面解释一下各参数的含义:

align:是设定活动字幕的位置,除了居左、居中、居右三种位置外,又增加靠上(top)和靠下(bottom)两种位置。

Bgcolor:用于设定活动字幕的背景颜色,可以使用英文的单词也可以是十六进制数的。

Direction:用于设定活动字幕的滚动方向是向左(left)、向右(right)、向上(up)、向下(down)。

Behavior:用于设定滚动的方式,主要由三种方式:

behavior="scroll"表示由一端滚动到另一端;

behavior="slide":表示由一端快速滑动到另一端,且不再重复;

behavior="alternate"表示在两端之间来回滚动。

Height:用于设定滚动字幕的高度。

Width:则设定滚动字幕的宽度。

Hspace和vspace:分别用于设定滚动字幕的左右边框和上下边框的宽度。

Scrollamount:用于设定活动字幕的滚动距离。数值越小,滚动的速度就越快。

scrolldelay:用于设定滚动两次之间的延迟时间,数值越小,间隔就越小。

Loop:用于设定滚动的次数,当loop=-1表示一直滚动下去,直到页面更新。其中默认情况是向左滚动无限次,字幕高度是文本高度;滚动范围:水平滚动的宽度是当前位置的宽度;垂直滚动的高度是当前位置的高度。

现在要介绍的是一种新型的滚动,利用JS的方法来做字幕的滚动:向上,在中间停顿一到两秒(就像经典的这种):

将以下代码贴到您要显示的位置就可以了。以上已经将网站的这种滚动的做法做了一个大概的介绍。

具体效果可以看:运行代码框

JS 滚动字幕文字新法

我想大家都看过各种各样的滚动(最常用的就是用在新闻的更新上面),一般情况下只要不是图片,都是用HTML本身就有提供一个很不错的滚动标记——marquee来完成的(用JS也可以同样实现这种效果);当然并不是说图片就不能那样做。

以下为marquee的一些基本的参数:

该标记语法格式如下:

aligh=left|center|right|top|bottom

bgcolor=#n

direction=left|right|up|down

behavior=type

height=n

hspace=n

scrollamount=n

Scrolldelay=n

width=n

VSpace=n

loop=n>内容

下面解释一下各参数的含义:

align:是设定活动字幕的位置,除了居左、居中、居右三种位置外,又增加靠上(top)和靠下(bottom)两种位置。

Bgcolor:用于设定活动字幕的背景颜色,可以使用英文的单词也可以是十六进制数的。

Direction:用于设定活动字幕的滚动方向是向左(left)、向右(right)、向上(up)、向下(down)。

Behavior:用于设定滚动的方式,主要由三种方式:

behavior="scroll"表示由一端滚动到另一端;

behavior="slide":表示由一端快速滑动到另一端,且不再重复;

behavior="alternate"表示在两端之间来回滚动。

Height:用于设定滚动字幕的高度。

Width:则设定滚动字幕的宽度。

Hspace和vspace:分别用于设定滚动字幕的左右边框和上下边框的宽度。

Scrollamount:用于设定活动字幕的滚动距离。数值越小,滚动的速度就越快。

scrolldelay:用于设定滚动两次之间的延迟时间,数值越小,间隔就越小。

Loop:用于设定滚动的次数,当loop=-1表示一直滚动下去,直到页面更新。其中默认情况是向左滚动无限次,字幕高度是文本高度;滚动范围:水平滚动的宽度是当前位置的宽度;垂直滚动的高度是当前位置的高度。

现在要介绍的是一种新型的滚动,利用JS的方法来做字幕的滚动:向上,在中间停顿一到两秒(就像经典的这种):

将以下代码贴到您要显示的位置就可以了。以上已经将网站的这种滚动的做法做了一个大概的介绍。

具体效果可以看:运行代码框


相关内容

  • 小窗口大世界
  • 小窗口大世界--网页设计 一.教材分析 这节课是辽宁师范大学出版九年义务教育初中教科书<信息技术>八年级(上册)第2单元网站设计与制作中的重要部分,是在学生了解网页的基本结构并初步掌握网页简单制作的基础上,指导学生给网页添加字幕.交互式按钮.插入FLASH动画.插入背景音乐等动态效果,使 ...

  • 网页制作知识点
  • 网页制作知识点 1. 表格的插入及属性设置 2. 单元格属性的设置(合并和拆分单元格) 3. 输入文字.插入图片并进行相应的设置 4. 设置超级链接 5. 网页基本属性 6.网页的预览.调试和发布 可能涉及的试题类型 1.网页属性的设置 网页标题.背景音乐.网页背景的设置(注意:一定要找到对应的音乐 ...

  • 小学信息技术泰山版第三册(上)教案
  • 小学信息技术(泰山版)第三册(上)教案 第一单元 多媒体素材的采集与处理 一. 单元概述 本单元是多媒体作品制作的基础,目的是让学生系统地了解多媒体素材的采集与处理方法,对已掌握的采集与处理方法加以规范和提升,为在多媒体作品中的应用做好准备:培养学生的信息素养,提高他们对信息的判断.采集.处理.提取 ...

  • 人教版信息技术五年级下册教案
  • 五 年 级 信 息 下 册 教 案 第一课 认识Excel [教学目标] 1.学会启动EXCEL. 2.认识EXCEL窗口. 3.掌握输入工作表中数据的基本操作. [教学重难点] 1.掌握输入工作表中数据的基本操作 2.灵活掌握excel基本操作 [教具学具] 多媒体网络教室.演示幻灯片.五年级素材 ...

  • 高中信息技术会考网页制作操作要点
  • Frontpage操作要点 一.FrontPage的基本知识 1.网页是使用HTML(超文本标记语言)后缀:.htm或.html来编写的.HTML(HyperTextMark-upLanguage)即超文本标记语言,是WWW的描述语言. 2.可以进行网页制作的软件有: ①专门的网页制作工具软件,如F ...

  • 六年级信息技术教案(上)
  • 义务教育实验教科书<小学信息技术>(三) 甘 肃 省 教 育 出 版 社 甘肃省声像教材出版社 进度 第一周:第1课 4~7页 第二周:第1课 4~7页 第三周:第2课 8~14页 第四周:第3课 15~21页 第五周:第4课 22~26页 第六周:第5课 27~33页 第七周:第6课 ...

  • 长春版八年级下册信息技术教案
  • 第一单元:网页制作 第一课:制作个人网站 一.教学目标: 知识与能力:掌握网页基本知识 过程与方法:体验模板功能.快速.便捷地建立个人主题网站 情感态度与价值观:增加学生的学习兴趣,培养学生信息意识 二.教学重点与难点: 重点:网页的基本概念 难点:编辑网页 三.教学过程 (一)导言 当你浏览五彩斑 ...

  • 网页设计标签
  • 标 签 内 容 备 注 基 本 标 签 所有HTML文件都有的 -- 表示文件类型为HTML文档 -- 设置文档描述及其他不在WEB网页上显示的信息 -- HTML文档的主体(页面的实际内容) 标 题 标 签 -- 在标题栏中显示的题目(放在内) 允许包含样式表(CSS)信息 页 面 属 性 标 签 ...

  • HTML语言与网页设计期末考试题
  • HTML期末复习题(含答案) 第1题判断正误 (1)HTML标记符的属性一般不区分大小写.(对)(2)网站就是一个链接的页面集合.(对) (3)将网页上传到Internet时通常采用FTP方式.(对) (4)所有的HTML标记符都包括开始标记符和结束标记符.(错)(5)用H1标记符修饰的文字通常比用 ...