div+css跑马灯
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
1.从右到左
代码：<marquee>你的文字<marquee>
2.从左到右
代码:<marquee direction="right">你的文字</marquee>
3.碰壁反弹
代码:<marquee behavior="alternate">你的文字</marquee>
4.从下往上
代码:<marquee direction="up">你的文字</marquee>
5.从上往下
代码:<marquee direction="down">你的文字</marquee>
6.上下反弹
代码:<marquee direction="up" behavior="alternate">你的文字</marquee> 7.上下弧度抛物线
代码:<marquee behavior="alternate" direction="up" width="80%"><marqu ee direction="right">你的文字</marquee></marquee>
8.上下左右碰壁
代码:<marquee behavior="alternate" direction="up" width="80%"><marqu ee direction="right" behavior="alternate">你的文字</marquee></marquee> 9.字不动箭头碰字
代码:<marquee behavior="alternate" width="10%">>></marquee>你的文字<marquee behavior="alternate" width="10%"><<</marquee>
10.字不动箭头远离字
代码:<marquee behavior="alternate" width="10%">>></marquee>你的文字<marquee behavior="alternate" width="10%"><<</marquee>
11.从左到右加底色
代码:<font color="#0000FF"><marquee direction="left" style="background: #FFCC00">你的文字</marquee></font>
12.从左到右加外诓
代码:<marquee style="border:1px dotted #CC0066 ">你的文字</marquee> 13.滚动字
代码:<marquee behavior="alternate"><marquee width="150">你的文字</ma rquee></marquee>
14.从下往上飘
代码:<marquee behavior=alternate direction=up scrollamount=2 scrolldelay =65 height=80 style="Text-align;filter:wave(add=0,phase=1, freq=1,strengt h=15,color=.FFFFFF)"><center>第一行字<BR />第二行字</center></marque e>
15.多嵌套字
代码:<table bgcolor="#FFFFFF"> <tr><td width="1" valign="top" > <marquee direction="down" behavior="alternate" scrollamount=1 height="60"> <marque e direction="right" scrollamount=4 behavior="alternate" width="468"> 你的文字1</marquee> </marquee> </td> <td width="468"> <marquee direction=" up" behavior="alternate" scrollamount=1 height="60"> <marquee direction="l
eft" scrollamount=4 behavior="alternate" width="468"> 你的文字2</marquee> </marquee> </td></tr></table>。