<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>会移动的标签</title> <style type="text/css"> *{margin:0; padding:0;} div{width:940px; height:auto; margin:0 auto; pink; line-height:50px; padding:20px;} h4{width:920px; margin-left:20px; display:list-item; list-style-type:decimal;} </style> </head> <body> <div> <h2>学会一个新标签,会移动的标签,marquee标签</h2> <h3>marquee的属性,属性与属性值之间用等号链接,属性值不需要引号。如:loop=1</h3> <h4>direction属性,移动的方向,如:direction=left</h4> <marquee direction=right>向右移动</marquee> <marquee direction=left>向左移动</marquee> <h4>loop属性,循环次数。如:loop=2,循环2次不再循环</h4> <marquee loop=2>我会移动2次哦</marquee> <h4>scrollamount属性,移动速度。如:scrollamount=3</h4> <marquee scrollamount=10>我的速度是10</marquee> <h4>align属性,上中下对齐;bgcolor属性,背景颜色;width属性,宽度;height属性,高度</h4> <p>对齐上岩:<marquee align=top bgcolor=red width=400 height=100>对齐上岩</marquee></p></p> <h4>behavior属性,移动方式,属性值有:scroll,slide,alternate</h4> <marquee scroll>我一圈一圈绕着走< /marquee> <marquee slide>我只走一次就歇了< /marquee> <marquee alternate>我来回走< /marquee> <h4>scrolldelay属性,移动延时</h4> <marquee scrolldelay=300>移动延迟300</marquee> <h4>vspace,hspace垂直留白,水平留白</h4> <marquee vspace=50 width=100 bgcolor=green>垂直留白</marquee> <marquee hspace=50 width=100 bgcolor=yellow>水平留白</marquee> </div> </body> </html>
写单行文字滚动效果时,搜索查阅时,发现了marquee这个标签,觉着特别好玩,挺好使的,还可简单,且兼容性特别好,哈哈,marquee的属性主要有align,scrollmount,loop,scrolldelay,direction,vspace,hspace,width,height,bgcolor,behavior。
转载于:https://blog.51cto.com/lflianglan/1244334