html编码写出滚动字幕,HTML滚动字幕代码及参数详解_html/css_WEB-ITnose
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相关推荐
- 如何写出同事看不懂的Java代码?
壹.瞒天过海 我打赌你肯定想不到,有人居然会在注释里下了毒.看看下面的代码,简单到main方法中只有一行注释. public static void main(String[] args) {// \ ...
- c语言迷宫闯关游戏大全,C语言写出的迷宫闯关游戏代码.doc
C语言写出的迷宫闯关游戏代码 C语言写出的迷宫闯关游戏代码: #include #include #define LEFT 75 #define RIGHT 77 #define UPPER 72 # ...
- lhgdialog弹出框组件 参数详解(自己曾经开发的fuzz项目中用到过)
lhgdialog弹出框组件 参数详解 鸣谢:http://blog.csdn.net/hurryjiang/article/details/7657623 同文:http://wjch-111.it ...
- html marquee css,HTML之marquee(文字滚动)详解_html/css_WEB-ITnose
语法: 以下是一个最简单的例子: 代码如下: Hello, World 下面这两个事件经常用到: onMouseOut="this.start()" :用来设置鼠标移出该区域时继续 ...
- python代码大全p-如何写出优雅又地道的Python代码?【转载】
在Python社区文化的浇灌下,演化出了一种独特的代码风格,去指导如何正确地使用Python,这就是常说的pythonic.一般说地道(idiomatic)的python代码,就是指这份代码很pyth ...
- 如何才能写出一手高质量优美的代码
怎么判断代码是否是优质量的代码呢?下面来简单对代码质量的问题进行一个介绍. 代码质量所涉及的5个方面,编码标准.代码重复.代码覆盖率.依赖项分析.复杂度分析.我们分别来看一下这5方面: 编码标准:一般 ...
- python怎么写出来的_如何写出优雅又地道的Python代码?【转载】
在Python社区文化的浇灌下,演化出了一种独特的代码风格,去指导如何正确地使用Python,这就是常说的pythonic.一般说地道(idiomatic)的python代码,就是指这份代码很pyth ...
- 请写出锄禾的HTML的代码,html代码基础汇编
4.给滚动字幕加超链接的代码.这跟平时的超链接是完全一样的.只要在文字外 面加上和就可以了. 代码是: 梦中人梦工场, 点击"梦中人梦工场"就可以进入了. 5.交替移动效果代码 ...
- 前端进阶-个人笔记-如何写出更好风格的JS代码(JS 代码优化建议)
1. 按强类型风格写代码 JS 是弱类型的,但是写代码的时候不能太随意,写得太随意也体现了编码风格不好.下面分点说明: (1)定义变量的时候要指明类型,告诉 JS 解释器这个变量是什么数据类型的,而不 ...
- python代码怎么写出色_如何写出更具有Python风格的代码,五分钟教会你!
我们都喜欢 Python,因为它让编程和理解变的更为简单.但是一不小心,我们就会忽略规则,以非 Pythonic 方式编写一堆垃圾代码,从而浪费 Python 这个出色的语言赋予我们的优雅.Pytho ...
最新文章
- 一小段代码,得到项目决对路径
- __block和__weak修饰符的区别
- window7 ubuntu12.04 Opensuse13.04 三系统安装
- java接口注入空指针_spring 注入空指针是怎么回事?
- u-boot移植第三弹——移植2013.10u-boot到RealARM210 cortex-A8开发板(支持moviNAND_Fusing_Tool_v2.0)
- 图像语义分割的前世今生
- pyecharts运行了但是没有图_新版pyecharts,Python可视化so easy and powerful !
- java判断线段是否相交函数_计算几何-判断线段是否相交
- 网课公众号题库接入使用教程
- UK EU 码对照表,USA EURO SIZE码对照表,国外衣服码对照表
- win7计算机节电模式,大师详解win7省电模式怎么关的方法介绍
- 麒麟Linux启动目录,Ubuntu Kylin优麒麟文件管理器篇:介绍,类别,结构,文件系统目录,使用...
- Ternary Search Tree(三叉树)
- 7-20 简单计算器
- 运维工程师分享7道经典面试题,看完轻松拿Offer
- libsvm嵌入式移植
- 【数据增强】Cutout
- 做GIF图的工具哪个好
- 微信小程序学习笔记(七)----简单文章推荐列表和分类图标的实现
- Oracle 表空间不足导致的系统无法登陆问题及解决方法
热门文章
- 用计算机怎么发邮件,怎么用qq邮箱发文件-你必须要学会的电脑操作——邮件收发...
- java电商项目简历_一文解析从写简历,到面试、谈薪酬技巧和防坑指南
- word模板文档替换,解决并发导致替换失败
- 什么是透明、匿名、高匿代理?详解!
- sql里的正则表达式
- word vba 控制光标常用代码
- 工具方法:java读取Excel合并单元格(简单实例)
- 2009年程序员考试大纲指南
- 检索 COM 类工厂中 CLSID 为 {00024500-0000-0000-C000-000000000046} 的组件失败,原因是出现以下错误: 8000401a 因为配置标识不正确,系统无法开
- vpp之feature机制介绍