您的位置：首页 > Web前端 > JavaScript

js实现滚动效果

2007-07-01 18:14 369 查看

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style type="text/css">
#newslist{
background:#f7f7f7;border:1px solid silver;padding:1px;height:20px;line-height:20px;width:300px;
}
#contain{
font-size:12px;overflow:hidden;list-style:none;width:300px;height:20px;margin:0px;padding:0;
}
#contain li{
height:20px;line-height:20px;white-space:nowrap;overflow:hidden;
}
</style>
</HEAD>

<BODY>
<div id="newslist">
<ul id="contain">
<li><a href="http:/www.iwcn.net">温岚 - 屋顶(左右摆动)</a></li>
<li><a href="http:/www.iwcn.net">范玮琪 - 那些花儿</a></li>
<li><a href="http:/www.iwcn.net">张韶涵 - 娃娃</a></li>
<li><a href="http:/www.iwcn.net">孙楠&韩红 - 美丽的神话</a></li>
<li><a href="http:/www.iwcn.net">张信哲 - 白月光</a></li>
</ul>
</div>
<SCRIPT LANGUAGE="JavaScript">
function xx(){
var container=document.getElementById("contain");
container.appendChild(container.firstChild);
}
setInterval("xx()",3000);
</SCRIPT>
</BODY>
</HTML>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航