让⽹页⽂字定时交替出现的Js代码
让LI列表中的⽂字⼀⾏⼀⾏交替出现,每⼀⾏停留数秒后⾃动转到下⼀⾏显⽰,使⽤灵活,JS代码⾮常精简,推荐学习参考和使⽤。这⾥给LI设置line-height属性以便控制内容溢出。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>⽂本定时切换</TITLE>
<style type="text/css">
#newslist{
background:#f8f8f8;border:1px solid silver;padding:1px;height:20px;line-height:20px;width:80px;
html自动弹出公告代码
}
#contain{
font-size:12px;overflow:hidden;list-style:none;width:80px;height:20px;margin:0px;padding:0;
}
#contain li{
height:20px;line-height:20px;white-space:nowrap;overflow:hidden;padding-left:5px;
}
</style>
</HEAD>
<BODY>
<div id="newslist">
<ul id="contain">
<li><a href="/sort/list_2_34_1.shtml">聊天留⾔</a></li><li><a href="/sort/list_2_35_1.shtml">企业建站</a></li><li><a
href="/sort/list_2_36_1.shtml">论坛社区</a></li><li><a href="/sort/list_2_37_1.shtml">新闻⽂章</a></li><li><a
href="/sort/list_2_52_1.shtml">CMS系统</a></li><li><a href="/sort/list_2_53_1.shtml">博客⽇记</a></li><li><a
href="/sort/list_2_51_1.shtml">影⾳视频</a></li>
</ul>
</div>
<SCRIPT LANGUAGE="JavaScript">
function xx(){
var ElementById("contain");
container.appendChild(container.firstChild);
}
setInterval("xx()",3000); </SCRIPT>
</BODY>
</HTML>

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。