html中上下滚动的文字代码，举例?_安全

在要实现滚动的地方,加入此代码:<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编辑器。

1、首先，打开html编辑器，新建html文件，例如：indexhtml。

2、在indexhtml中的<style>标签中，输入css代码：td {padding: 20px;}。

3、浏览器运行indexhtml页面，此时表格中的文字被设置为都距离上下左右20px大小。

这个问题对很多新手来说都是难以挑战的难度，就是网上有代码很多人都难以了解。其原理很简单，就是把块级元素变成行内元素，定义样式vertical-align:middle，让其垂直居中。这里面有两个难点，1、怎样把块级元素变成行内元素并可以定义大小，而且还要兼容（要了解IElayout）。2、如何用好vertical-align:middle，vertical-align:middle用在表格上很见效，谁都可以用，用在行内元素怎样才能起作用呢等等。
代码我写给你，你自己去琢磨
<style>
box{display:inline-block;}
box{display:inline; zoom:1; width:50px; height:80px; border:#000 1px solid; vertical-align:middle;}
i{display:inline-block; width:0; height:100%; vertical-align:middle;}
</style>
</head>
<body>
<div style="width:200px; height:200px; border:red 1px solid; text-align:center;">
<i></i>
<div class="box">afdafd</div>
</div>

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/yw/12785049.html

html中上下滚动的文字代码，举例?

发表评论

评论列表（0条）