ئاستىدىن ئۇستىگە ماڭدىغا خەت قىستۇرۇش كودى html

<style type="text/css">
.marquee {
position: relative;
width: 98%;
height: 80px;
overflow: hidden;
border: 5px solid pink;
background:#333;
color:#ccc;
}
.marquee img {
display: block;
}
.marquee dd {
margin: 0px;
padding: 0px;
}
#website{
background:black;color:white;
}
</style>
<script type="text/javascript">
var Marquee = function(id){
var container = document.getElementById(id), original = container.getElementsByTagName("dt")[0], clone = container.getElementsByTagName("dd")[0], speed = 10;
clone.innerHTML = original.innerHTML;
var rolling = function(){
if (container.scrollTop == clone.offsetTop) {
container.scrollTop = 0;
}
else {
container.scrollTop++;
}
}
var timer = setInterval(rolling, speed)//设置定时器
container.onmouseover = function(){
clearInterval(timer)
}//鼠标移到marquee上时，清除定时器，停止滚动
container.onmouseout = function(){
timer = setInterval(rolling, speed)
}//鼠标移开时重设定时器
}
window.onload = function(){
Marquee("marquee");
}
</script>
<dl id="marquee" class="marquee">
<dt>
<span id=website>烈火网</span> 以提供计算机知识、网站运营、软件应用、设计教程、编程开发与IT资讯等为主要宗旨，同时有源码下载、站长工具、在线手册、免费资源等内容，是国内快捷易懂、内容丰富的站长学习和交流平台。
</dt>
<dd>
</dd>
</dl>