Question

滚动文字的HTML代码是什么

Answer 1

<style>
/*文字滚动样式*/
#scroll{margin:0;list-style:none;width:860px;height:40px;overflow:hidden}
#scroll li {margin:0;padding:0 4px;font-size:12px;height:40px;float:none;}
#scroll2{margin:0;list-style:none;width:860px;height:60px;overflow:hidden;}
#scroll2 li {margin:0;padding:0 4px;font-size:12px;height:18px;}
#scroll2 a{color:#0365CB;font-weight:bold;width:270px;display:block;}
#scroll dl{margin:0px;padding:0px;float:left;padding-right:60px;color:#FF7300;}
#scroll span{font-weight:bold;color:#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>

Answer 2

<marquee direction="up" scrollamount="4" scrolldelay="10" width="200" height="400" onMouseOver="this.stop()" onMouseOut="this.start()">这里写滚动字</marquee>

Answer 3

<marquee></marquee>可以设置一些属性。