滚动文字\x0d\x0a
滚动文字\x0d\x0a
滚动文字\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0amarquee 参数：\x0d\x0aBGColor：滚动文本框的背景颜色。\x0d\x0aDirection：滚动方向设置，可选择Left、Right、up和down。\x0d\x0ascrolldelay：每轮滚动之间的延迟时间，越大越慢。\x0d\x0ascrollamount：一次滚动总的时间量，数字越小滚动越慢。\x0d\x0aBehaviour：滚动的方式设置，三种取值：Scroll（循环滚动） lide（单次滚动）、Alternate（来回滚动）。\x0d\x0aAlign：文字的对齐方式设置。可选择Middle(居中)、Bottom(居下)还是Top(居上)。\x0d\x0aWidth：滚动文本框的宽度，输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。\x0d\x0aHeight：滚动文本框的高度，输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。\x0d\x0aloop：滚动次数。默认为infinite\x0d\x0ahspace、vspace：前后、上下的空行。
回答于 2022-11-16<style>/*文字滚动样式*/
#scroll{margin:0list-style:nonewidth:860pxheight:40pxoverflow:hidden}
#scroll li {margin:0padding:0 4pxfont-size:12pxheight:40pxfloat:none}
#scroll2{margin:0list-style:nonewidth:860pxheight:60pxoverflow:hidden}
#scroll2 li {margin:0padding:0 4pxfont-size:12pxheight:18px}
#scroll2 a{color:#0365CBfont-weight:boldwidth:270pxdisplay:block}
#scroll dl{margin:0pxpadding:0pxfloat:leftpadding-right:60pxcolor:#FF7300}
#scroll span{font-weight:boldcolor:#FF7400}
</style>
<!--文字从下往上滚动-->
var timeScroll= false
window.onload = function() {
dMarquee('scroll',timeScroll)
}
function dMarquee(id,timer){
var speed=30//速度
var stop=2000//停止时间
var ul = document.getElementById(id)
var rows=ul.getElementsByTagName('li').length
var height = ul.getElementsByTagName('li')[0].offsetHeight
ul.innerHTML += ul.innerHTML
var contain=ul.innerHTML
var play = function() {
ul.scrollTop++
if(ul.scrollTop==rows*height){
ul.scrollTop=0
}
if(ul.scrollTop%height==0) {
timer = setTimeout(play,stop)
}else{
timer = setTimeout(play,speed)
}
}
timer = setTimeout(play,stop)
ul.onmouseover = function() {clearTimeout(timer)}
ul.onmouseout = play
}
<!--测试码,-->
<ul id="scroll">
<li>
<dl>
<dt><span>朗盛化学</span>2011-11-22 18:30-20:30</dt>
<dd>华东理工大学逸夫楼演讲厅</dd>
</dl>
<dl>
<dt><span>合生创展 </span>2011-11-22 19:00-21:00</dt>
<dd>四川大学就业指导中心201(望江校区)</dd>
</dl>
<dl>
<dt><span>百视通</span>2011-11-24 16:00</dt>
<dd>西安交通大学教2—100教室(本部)</dd>
</dl>
</li>
<li>
<dl>
<dt><span>北大方正</span>2011-11-22 19:00-21:00</dt>
<dd>复旦大学行政楼106报告厅(张江校区)</dd>
</dl>
<dl>
<dt><span>中信银行</span>2011-11-22 19:00</dt>
<dd>华南理工大学多功能报告厅(五山校区)</dd>
</dl>
<dl>
<dt><span>金地 </span>2011-11-24 16:00</dt>
<dd>湖南大学复临舍201报告厅(本部)</dd>
</dl>
</li>
<li>
<dl>
<dt><span>3M中国</span>2011-11-24 16:00</dt>
<dd>华东理工大学逸夫楼演讲厅</dd>
</dl>
<dl>
<dt><span>大族激光</span>2011-11-22 19:00-21:00</dt>
<dd>长春理工大学 就业指导中心信息发布厅</dd>
</dl>
<dl>
<dt><span>天普药业</span>2011-12-01 19:00-21:00</dt>
<dd>天津中医药大学 天中宾馆二楼多功能厅)</dd>
</dl>
</li>
</ul>
