html文字滚动代码

滚动文字

滚动文字

滚动文字

marquee 参数:

BGColor:滚动文本框的背景颜色。

Direction:滚动方向设置,可选择Left、Right、up和down。

scrolldelay:每轮滚动之间的延迟时间,越大越慢。

scrollamount:一次滚动总的时间量,数字越小滚动越慢。

Behaviour:滚动的方式设置,三种取值:Scroll(循环滚动) lide(单次滚动)、Alternate(来回滚动)。

Align:文字的对齐方式设置。可选择Middle(居中)、Bottom(居下)还是Top(居上)。

Width:滚动文本框的宽度,输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。

Height:滚动文本框的高度,输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。

loop:滚动次数。默认为infinite

hspace、vspace:前后、上下的空行。

滚动字幕会让很多人感到兴奋,特别是第一次使用滚动字幕时,会爱不释手。滚动字幕我也做得不少了,对它也不会兴奋了,所以现在也用得不多了。有不少朋友常 问到这是怎么做的,现在做一个详细的专题,让你更全面地了解一下。

滚动字幕在FrontPage的组件里有,但是FrontPage这个软件只能支持单行文字,一出现多行文字它就无能为力了,而且它只能支持一行滚动! (如果出现只能滚动一行的情况,解决办法是把这段代码嵌入到JavaScript的document.write里面,请看下面例d的详细说 明)Dreamweaver也只能用编写HTML代码的方法。所以强烈建议用记事本打开网页源代码来编辑。

1.建立第一个滚动字幕。代码:

靓丽风景线

效果如: 靓丽风景线

2.各参数详解:

a)scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。

b)width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。

c)direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up 表示↑,down表示↓。

d)scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。

e)behavior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止 滚动)

3.实例:

a)如何给滚动字幕加超链接?这跟平时的超链接是完全一样的。只要在文字外面加上和就可以了。如下效果,代码是中央电视台,点击中央电视台就可以进入 了:

中央电视台

b)如何制作当鼠标停留在文字上,文字停止滚动?

代码如:

文字内容

效果如:

文字内容

c)交替效果。代码如:

文字内容

效果如:

文字内容

d)多行文本向上滚动。代码如:

·早晨好啊!

·空气好清新啊

·你还好吗

·靓丽风景线

效果如:

·早晨好啊!

·空气好清新啊

·你还好吗

·靓丽风景线

·注意:如果你的网页经过了FrontPage编辑,保存之后,只能滚动一行,这时候你发现你原 来的代码顺序已经变了,My god!解决的办法是,找出原来的代码,把它嵌入到JavaScript的document.write中即可,上述代码写为:

marquee 参数:

BGColor:滚动文本框的背景颜色。

Direction:滚动方向设置,可选择Left、Right、up和down。

scrolldelay:每轮滚动之间的延迟时间,越大越慢。

scrollamount:一次滚动总的时间量,数字越小滚动越慢。

Behaviour:滚动的方式设置,三种取值:Scroll(循环滚动) lide(单次滚动)、Alternate(来回滚动)。

Align:文字的对齐方式设置。可选择Middle(居中)、Bottom(居下)还是Top(居上)。

Width:滚动文本框的宽度,输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。

Height:滚动文本框的高度,输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。

loop:滚动次数。默认为infinite

hspace、vspace:前后、上下的空行。

滚动字幕会让很多人感到兴奋,特别是第一次使用滚动字幕时,会爱不释手。滚动字幕我也做得不少了,对它也不会兴奋了,所以现在也用得不多了。有不少朋友常 问到这是怎么做的,现在做一个详细的专题,让你更全面地了解一下。

滚动字幕在FrontPage的组件里有,但是FrontPage这个软件只能支持单行文字,一出现多行文字它就无能为力了,而且它只能支持一行滚动! (如果出现只能滚动一行的情况,解决办法是把这段代码嵌入到JavaScript的document.write里面,请看下面例d的详细说 明)Dreamweaver也只能用编写HTML代码的方法。所以强烈建议用记事本打开网页源代码来编辑。

1.建立第一个滚动字幕。代码:

靓丽风景线

效果如: 靓丽风景线

2.各参数详解:

a)scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。

b)width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。

c)direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up 表示↑,down表示↓。

d)scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。

e)behavior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止 滚动)

3.实例:

a)如何给滚动字幕加超链接?这跟平时的超链接是完全一样的。只要在文字外面加上和就可以了。如下效果,代码是中央电视台,点击中央电视台就可以进入 了:

中央电视台

b)如何制作当鼠标停留在文字上,文字停止滚动?

代码如:

文字内容

效果如:

文字内容

c)交替效果。代码如:

文字内容

效果如:

文字内容

d)多行文本向上滚动。代码如:

·早晨好啊!

·空气好清新啊

·你还好吗

·靓丽风景线

效果如:

·早晨好啊!

·空气好清新啊

·你还好吗

·靓丽风景线

·注意:如果你的网页经过了FrontPage编辑,保存之后,只能滚动一行,这时候你发现你原 来的代码顺序已经变了,My god!解决的办法是,找出原来的代码,把它嵌入到JavaScript的document.write中即可,上述代码写为:

html编码写出滚动字幕,HTML滚动字幕代码及参数详解_html/css_WEB-ITnose相关推荐

  1. 如何写出同事看不懂的Java代码?

    壹.瞒天过海 我打赌你肯定想不到,有人居然会在注释里下了毒.看看下面的代码,简单到main方法中只有一行注释. public static void main(String[] args) {// \ ...

  2. c语言迷宫闯关游戏大全,C语言写出的迷宫闯关游戏代码.doc

    C语言写出的迷宫闯关游戏代码 C语言写出的迷宫闯关游戏代码: #include #include #define LEFT 75 #define RIGHT 77 #define UPPER 72 # ...

  3. lhgdialog弹出框组件 参数详解(自己曾经开发的fuzz项目中用到过)

    lhgdialog弹出框组件 参数详解 鸣谢:http://blog.csdn.net/hurryjiang/article/details/7657623 同文:http://wjch-111.it ...

  4. html marquee css,HTML之marquee(文字滚动)详解_html/css_WEB-ITnose

    语法: 以下是一个最简单的例子: 代码如下: Hello, World 下面这两个事件经常用到: onMouseOut="this.start()" :用来设置鼠标移出该区域时继续 ...

  5. python代码大全p-如何写出优雅又地道的Python代码?【转载】

    在Python社区文化的浇灌下,演化出了一种独特的代码风格,去指导如何正确地使用Python,这就是常说的pythonic.一般说地道(idiomatic)的python代码,就是指这份代码很pyth ...

  6. 如何才能写出一手高质量优美的代码

    怎么判断代码是否是优质量的代码呢?下面来简单对代码质量的问题进行一个介绍. 代码质量所涉及的5个方面,编码标准.代码重复.代码覆盖率.依赖项分析.复杂度分析.我们分别来看一下这5方面: 编码标准:一般 ...

  7. python怎么写出来的_如何写出优雅又地道的Python代码?【转载】

    在Python社区文化的浇灌下,演化出了一种独特的代码风格,去指导如何正确地使用Python,这就是常说的pythonic.一般说地道(idiomatic)的python代码,就是指这份代码很pyth ...

  8. 请写出锄禾的HTML的代码,html代码基础汇编

    4.给滚动字幕加超链接的代码.这跟平时的超链接是完全一样的.只要在文字外 面加上和就可以了. 代码是: 梦中人梦工场, 点击"梦中人梦工场"就可以进入了. 5.交替移动效果代码 ...

  9. 前端进阶-个人笔记-如何写出更好风格的JS代码(JS 代码优化建议)

    1. 按强类型风格写代码 JS 是弱类型的,但是写代码的时候不能太随意,写得太随意也体现了编码风格不好.下面分点说明: (1)定义变量的时候要指明类型,告诉 JS 解释器这个变量是什么数据类型的,而不 ...

  10. python代码怎么写出色_如何写出更具有Python风格的代码,五分钟教会你!

    我们都喜欢 Python,因为它让编程和理解变的更为简单.但是一不小心,我们就会忽略规则,以非 Pythonic 方式编写一堆垃圾代码,从而浪费 Python 这个出色的语言赋予我们的优雅.Pytho ...

最新文章

  1. 一小段代码,得到项目决对路径
  2. __block和__weak修饰符的区别
  3. window7 ubuntu12.04 Opensuse13.04 三系统安装
  4. java接口注入空指针_spring 注入空指针是怎么回事?
  5. u-boot移植第三弹——移植2013.10u-boot到RealARM210 cortex-A8开发板(支持moviNAND_Fusing_Tool_v2.0)
  6. 图像语义分割的前世今生
  7. pyecharts运行了但是没有图_新版pyecharts,Python可视化so easy and powerful !
  8. java判断线段是否相交函数_计算几何-判断线段是否相交
  9. 网课公众号题库接入使用教程
  10. UK EU 码对照表,USA EURO SIZE码对照表,国外衣服码对照表
  11. win7计算机节电模式,大师详解win7省电模式怎么关的方法介绍
  12. 麒麟Linux启动目录,Ubuntu Kylin优麒麟文件管理器篇:介绍,类别,结构,文件系统目录,使用...
  13. Ternary Search Tree(三叉树)
  14. 7-20 简单计算器
  15. 运维工程师分享7道经典面试题,看完轻松拿Offer
  16. libsvm嵌入式移植
  17. 【数据增强】Cutout
  18. 做GIF图的工具哪个好
  19. 微信小程序学习笔记(七)----简单文章推荐列表和分类图标的实现
  20. Oracle 表空间不足导致的系统无法登陆问题及解决方法

热门文章

  1. 用计算机怎么发邮件,怎么用qq邮箱发文件-你必须要学会的电脑操作——邮件收发...
  2. java电商项目简历_一文解析从写简历,到面试、谈薪酬技巧和防坑指南
  3. word模板文档替换,解决并发导致替换失败
  4. 什么是透明、匿名、高匿代理?详解!
  5. sql里的正则表达式
  6. word vba 控制光标常用代码
  7. 工具方法:java读取Excel合并单元格(简单实例)
  8. 2009年程序员考试大纲指南
  9. 检索 COM 类工厂中 CLSID 为 {00024500-0000-0000-C000-000000000046} 的组件失败,原因是出现以下错误: 8000401a 因为配置标识不正确,系统无法开
  10. vpp之feature机制介绍