讓網頁文字定時交替出現的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;
 }
 #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 container=document.getElementById("contain");
container.appendChild(container.firstChild);
}
setInterval("xx()",3000);
</SCRIPT>
 </BODY>
</HTML>

所屬頻道：文本鏈接特效/更新時間：2012-12-20

[收藏][報錯][返回列表]

相關文本鏈接特效：

讓網頁文字定時交替出現的Js代碼_文本鏈接特效

文本鏈接特效Rss訂閱特效代碼搜索

文本鏈接特效推薦

猜你也喜歡看這些