需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html。
2、在index.html中的<body>标签中,输入html代码:<div style="overflow: scroll">hello world!</div>。
3、浏览器运行index.html页面,此时成功在html中指定的div中添加了滚动条。
在要实现滚动的地方,加入此代码:<marquee direction=up>要输入的文字</marquee>
UP是向上, DOWN是向下,Left向左,Right向右.
这两个属性决定文字滚动的速度(scrollamount)和延时(scrolldelay),参数值都是正整数。如下所示:
<marquee scrollamount="100">我速度很快。</marquee>
<marquee scrollamount="50">我慢了些。</marquee>
<marquee scrolldelay="30">我小步前进。</marquee>
<marquee scrolldelay="1000" scrollamount="100">我大步前进。</marquee>
按照自己的需要写代码吧,希望能够帮助你!
如果是想用html实现滚动效果的话可以使用HTML标签marquee 如图也可下载附件
代码:
<marquee direction="up" behavior="scroll" scrollamount="1" scrolldelay="0" loop="-1" width="1000" height="70" bgcolor="#ccc" hspace="10" vspace="10">指整个Marquee对齐方式 (2)behavior:设置滚动的方式: scroll:表示由一端滚动到另一端,会重复,缺陷是不能无缝滚动。 slide:表示由一段滚动到另一端,不会重复...
</marquee>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)