Home  >  Article  >  Web Front-end  >  巧用html中marquee属性实现舞动的文字

巧用html中marquee属性实现舞动的文字

PHP中文网
PHP中文网Original
2017-03-17 15:08:492424browse

语法:ed126914ed1419bab26abf7cf307b7b9 …7204e33a7a23f6efcc788532e245c31b
使用移动属性marquee,不仅仅可以舞动你的文字,还可以应用于图片,表格等等。
e461ab6141471fb6f017f39c4b8eb450欢迎光临php中文网!7204e33a7a23f6efcc788532e245c31b
direction=left,表示方向。上面文字效果是“欢迎光临科讯青年学习频道!”从右向左移动!另外,方向还有right,up,down。
除了方向,我们还可以添加其他限制的元素:
移动的方式:
循环移动:loop=n(n,表示次数)   绕圈移动:behavior=scroll   只走一次:behavior=slide   来回移动:behavior=alternate
外观、字号:024e83f2da1651fd106e8c351fb2d954(n,变量)   对齐方式:align=top/middle/bottom   底色:bgcolor=Blue(预定义色彩,如:Black,Olive,Teal,Red,Blue,Maroon, Navy,Gray,Lime,Fuchsia,White,Green,Purple,Silver,Yellow,Aqua或16进制数码)
其它: 速度:scrollamount=n(n,变量)   延时:scrolldelay==n(n,变量)
326ad5819d866ca8e0dd261022cae0ad"
onmouseover 设置鼠标放在移动区域的时候暂停移动
onmouseout 鼠标离开的时候继续滚动

用marquee代码来实现文字的滚动与图片的滚动

今天在TAP知道那里看到滚动文字的设置了!好像是以前都不支持的。可能是我没有用过吧!呵呵 给大家看下效果吧!
如下来自TAP知道的上下滚动文字公告栏 的代码解释
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:前后、上下的空行。
下面的演示是我的公告栏演示:效果你可以看右下角啊!喜欢的话!复制代码通过上面的代码解释代入看看效果了!
效果一:文字向上滚动

 

本站公告

欢迎来到小军资源

在此与你分享各个最新的免费资源与资讯,

希望你的喜欢,你的支持是我最大的动力!

如有什么建议一定得说出来!

本站资源来自网络,如对你造成侵权!

谢谢你的支持,小军因你而精彩

效果二:文字往左边滚动
84e25bffaa9e5ca18f1a64e6d1bc14af[公告]部分教程为Tap知道原创,转载请注明出处!7204e33a7a23f6efcc788532e245c31b
图片滚动的代码:

 
 

相关文章:

marquee在HTML中的属性解析

marquee的详细用法解析

基于HTML标签marquee实现滚动效果的简单方法

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn