marquee.docx
《marquee.docx》由会员分享,可在线阅读,更多相关《marquee.docx(9页珍藏版)》请在冰点文库上搜索。
marquee
动态的元素,更加吸引读者的眼球!
如何使你的文字舞动起来呢,下面介绍CSS中移动属性marquee的用法。
语法:
使用移动属性marquee,不仅仅可以舞动你的文字,还可以应用于图片,表格等等。
欢迎光临科讯青年学习频道!
direction=left,表示方向。
上面文字效果是“欢迎光临科讯青年学习频道!
”从右向左移动!
另外,方向还有right,up,down。
除了方向,我们还可以添加其他限制的元素:
移动的方式:
循环移动:
loop=n(n,表示次数)
绕圈移动:
behavior=scroll
只走一次:
behavior=slide
来回移动:
behavior=alternate
外观:
字号:
(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,变量)
DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
//www.w3.org/1999/xhtml">
无标题文档
.bbsrightdivcontent{padding:
20px;width:
570px;}
p.bbshotimgp{line-height:
17px;text-indent:
0px;font-size:
12px;width:
100px;overflow:
hidden;white-space:
nowrap;text-overflow:
ellipsis;}
.bbshotimgdiv{text-align:
center;margin-right:
20px;display:
inline;width:
100px;float:
left;}
介绍介绍介介绍介绍介绍介绍介绍介绍介绍介绍介绍