制作滚动字幕效果:marquee标签 如下:<MARQUEE direction=up height=146 οnmοuseοut=start() οnmοuseοver=stop() scrollAmount=4> </marquee>

参数说明:

direction滚动方向:

up向上滚动,down向下滚动,left向左滚动,right向右滚动

behavior滚动方式:

scroll绕来绕去,slide滚动一次就停下来,alternate来回滚动

scrollAmount滚动速度:数值越大滚动越快

scrollDelay滚动延迟:数值越大延迟时间越长

loop循环次数:循环几次

bgcolor背景颜色

height高度

width宽度

οnmοuseοut=start() οnmοuseοver=stop()鼠标悬停停止,离开继续滚动

移动方式可以系属性果度改...下上左右都得...

滚动字幕的使用可以增加网页的动感,让网页显得更有生气。当然用javascript可以实现滚动字幕效果;使用Dreamweaver的图层再用其时间轴功能可以做出非常漂亮的滚动看板。但相对而言,用HTML的滚动字幕标记所需的代码最少,虽然效果不是最好,但确实能够以较少的下载时间换来较好的效果。该标记语法格式如下:

aligh=left|center|right|top|bottom

bgcolor=

direction=left|right|up|down

behavior=

height=

hspace=

scrollamount=

Scrolldelay=

width=

VSpace=

loop= >

滚择不同的参数,滚动字幕会有不同的显示方式。下面解释一下各参数的含义:

align:是设定滚动字幕的位置,除左、中、右三种位置外,还有靠上(align=top)和靠下(align=bottom)两种位置。
Bgcolor:用于设定滚动字幕的背景颜色。

Direction:用于设定滚动字幕的滚动方向。

Behavior:用于设定滚动的方式,

主要由三种方式:behavior="scroll"表示由一端滚动到另一端;behavior="slide":表示由一端快速滑动到另一端,且不再重复;behavior="alternate"表示在两端之间来回滚动。
Height:用于设定滚动字幕的高度

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

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

Scrollamount:用于设定滚动字幕的滚动距离。

scrolldelay:用于设定滚动两次之间的延迟时间。

Loop:用于设定滚动的次数,当loop=-1表示一直滚动下去,直到页面更新。

标记的默认情况是向左滚动无限次,字幕高度是文本高度,滚动范围:水平滚动的宽度是当前位置的宽度;垂直滚动的高度是当前位置的高度。

应用技巧

1、垂直滚动

只要加上diriction="up"就行了,如

向上滚动

2、多行文本的滚动字幕

由于标记只能作用于一段文本,因此多行滚动字幕,分行时只能用
标记,不能用

标记.

滚动字幕内容第一行

滚动字幕内容第二行

滚动字幕内容第三行

3、在字幕内容中加入图象

虽是一个滚动字幕标记,但它允许在其中加入图象:

这是加入图象的滚动字幕

标记的参数较多,在应用中要把握一个原则,能用默认值就不要再设置参数值,用什么参数就设置该参数的值,其它参数就不要再设置,以把代码控制在最少的范围内。

用MARQUEE标签可以做文字或图片的简单的左右或上下移动。并可以响应鼠标、加入链接。不需要复杂的JS,只要一句简单的MARQUEE标签。

下面跟你介绍下标签中的参数设置。点这里看示例文件。(MARQUEE标签只有IE支持,在NC的浏览器上无效)

先看下代码:

这是放文字或需要移动的图片(光标放在这里时用INSERT命令就可以插入图片)

下面来解释下各参数意思:

direction=left/right/up/down表示移动的方向 可以是 上下左右

BEHAVIOR 属性:改变 marquee 标签内容移动的几种方式。alternate滚动的内容会来回滚动。scroll默认的从右到左的移动。slide滚动结束后会停留在最后的位置上。

scrollAmount:定每显示一个marquee片段间的间距 如 scrollAmount =100

scrollDelay 指定每显示一个marquee片段间的时间差 如 scrollDelay = 1

LOOP:指定循环显示的次数,如 loop=3 还可以1, 默认的值是 无限循环

BGCOLOR: 背景的颜色 如 #990000 black 等都是有效的值

width: 移动范围的长度 如 width=300 也可以是百分数。

height: 移动范围的高度 如 height=50

Align #=top, middle, bottom 表示居中位置

Margins 表示MARQUEE块在上下和左右方向留的空距。

title: 鼠标移动marquee上时出现的说明 好象或图片的ALT那种。

style: 你可加入风格的样式,如字体的颜色等 STYLE="{color: #ffffff; font-family:Arial;font-size:8pt}"

stop的SCRIPT:可以令到滚动停止 试试在中加入 onmouserover=this.stop

start 可以令到滚动重新开始 试试在中加入 onmouserover=this.start

还可以有onbounce 触发当来回一次时触发的事件等等。

也可以用以下的javascript方式控制MARQUEE的鼠标响应:其中iescroller是MARQUEE的ID。

iescroller.οnmοuseοver=new Function("iescroller.scrollAmount=0");

iescroller.οnmοuseοut=new Function("iescroller.scrollAmount=2");

html 字幕飘动效果,html 滚动字幕 制作滚动字幕效果 参数相关推荐

  1. HTML记事本滚动字幕怎么弄,如何利用Dreamweaver制作滚动字幕_Dreamweaver制作_字幕设计_滚动字幕_课课家...

    我相信滚动字幕会让很多人感到兴奋,特别是第一次使用滚动字幕时,肯定会爱不释手.这次我们课课家教育将用DW来制作这个滚动字幕.我们课课家教育将为大家带来的是:如何利用Dreamweaver制作滚动字幕. ...

  2. HTML记事本滚动字幕怎么弄,如何用dreamweaver制作滚动字幕

    滚动字幕会让很多人感到兴奋,特别是第一次使用滚动字幕时,会爱不释手.现在做一个详细的方案,让你更全面地了解一下. 滚动字幕在FrontPage的组件里有,但是FrontPage这个软件只能支  持单行 ...

  3. html文本效果变大,如何制作特效字幕:缓缓变大显示的文字效果 附缓慢放大字幕效果图...

    如何制作缓慢放大的字幕特效 (如何制作特效字幕:缓缓变大显示的文字效果 附缓慢放大字幕效果图) 今天,小ME要在这里跟ME友们分享一下制作缓慢放大的字幕特效的方法,简单而实用.我们可以先看看缓慢放大字 ...

  4. html炮竹效果,幻影粒子怎么制作爆竹粒子效果?

    有的时候,当我们想把自己拍摄或者从外面找的一些图片用到幻影粒子里面使用的话,就需要稍微的做一个调整.这里就以放爆竹的图片为例来说一下,如何来利用幻影粒子中的爆竹粒子结合图片制作出想要的粒子效果. 1. ...

  5. ae破碎效果在哪_AE制作破碎效果的详细方法_如何使用AE制作碎片效果_碎片效果怎么使用_AE制作碎片爆炸效果2019完整版教程_9号资讯...

    第 2 页 AE制作破碎效果的详细方法 如何用AE制作破碎的效果? 1.首先,打开我们的软件,AE,小编用的是CS6版本的,不过即使版本不同,其中的操作也都是大同小异哦. 2.打开之后,我们需要新建一 ...

  6. html制作文字效果,10个text-shadow制作的文字效果

    css3的text-shadow属性能帮助我们设计很多有特效的文字效果,特别是运用在英文字体上.早前在<CSS3的文字阴影-text-shadow>和<CSS3 制作文字特效> ...

  7. php黑夜效果,photoshop将白天制作出黑夜效果的教程

    先看效果图 首先打开城堡素材,复制一层. 我们用通道把背景天空去掉,转到通道面板,复制蓝通道,然后色阶调整如下.然后用画笔涂抹,让天空完全变成白色,其它部分弄成黑色. 调出选区,反选,回到图层面板添加 ...

  8. 会声会影应该如何制作电影开幕效果

    日常生活中大家在看电影的时候经常会看电影的开头很多都是一块黑幕慢慢从中间拉开的效果.大家也可以把这种效果用在自己的视频上,如果不知道怎么做的话,今天小编就来和大家分享一个会声会影的实用案例:如何使用会 ...

  9. 【jQuery】前端项目实践案例6——制作产品放大镜效果(仿京东淘宝图片效果)

    使用jQuery制作产品放大镜效果实现效果: 使用jQuery制作产品放大镜效果实现原理: 通过设置图像的 CSS 属性( left 和 top ),来实现图像的移动. 使用jQuery制作产品放大镜 ...

最新文章

  1. Flutter开发之ListView组件(21)
  2. python批量清除一个列表中的某个内容,filter和lambda结合使用的方法
  3. STL源码剖析(四)
  4. 10年后,阿里给千万开源人写了一封信
  5. liferay 如何 用 国际化
  6. java中的module是什么意思_Angular - 组件中module.id的含义是什么?
  7. java分享知识点_Java基础知识点整理(一)
  8. mysql text 独立表,当您在MySQL或PostgreSQL中拥有TEXT字段时,是否应该将其放在单独的表中?...
  9. windows下的Redis安装:
  10. 系统可行性研究报告模板
  11. APS先进规划与生产排程系统--介绍
  12. Port Security (端口安全)
  13. 小丁在研究数学问题时遇到一个定义:对于排好顺序的k个数:x1,x2,x3,…,xk,称为数列Ak:x1,x2,x3,xk,其中k为整数且k≥3.定义V(Ak)=|x1-x2|+|x2-x3|+…+|x
  14. (字节流与字符流)InputStream字节输入流
  15. 一般方程与参数方程求直线交点
  16. 【配置】如何配置Tp-link无线路由器作为无线交换机
  17. 刷题汇总(三)leetcode 精选50题 C++答案总结
  18. 第二阶段 第九天 (34组个人博客)
  19. input的文本不显示空格后的内容
  20. 汇佳学校学子艺术作品荣誉入选北京冬奥优秀奖!

热门文章

  1. matlab中欠定方程组超定方程组_《数值天气预报》:球坐标系中的基本方程组
  2. 北科大计算机技术研招考纲,北京科技大学2021年全国硕士研究生招生考试自命题科目考试大纲...
  3. c++中求解非线性方程组_齐次线性方程组的基础解系的简便算法
  4. 工业以太网交换机和普通商用交换机的区别
  5. 【渝粤教育】国家开放大学2018年春季 7405-21T面向对象程序设计(本) 参考试题
  6. [渝粤教育] 中国地质大学 马克思主义基本原理 复习题
  7. 【渝粤题库】陕西师范大学200821 课程与教学论(计算机)
  8. 【渝粤教育】广东开放大学 海外社交媒体营销 形成性考核 (45)
  9. 【渝粤题库】陕西师范大学164117 企业组网技术 作业 (高起专)
  10. SI4432射频芯片方案物联网无线通信模块数传的典型应用