導讀:織夢技術織夢技術前幾天用dedecms給朋友做了一站，期間用到了一個排行榜的效果，雖然代碼很簡單不過還是比較實用，希望對大家有所幫助吧，其實就是利用dedecms的[field免費織夢模板織夢模板網站。

前幾天用dedecms給朋友做了一站，期間用到了一個排行榜的效果，雖然代碼很簡單不過還是比較實免費織夢模板用，希望對大家有所幫助吧，其實就是利用dedecms的[field:global.autoindex /]這個增量標簽，再配合css控制樣式來實現，親!來一張圖吧

直接上代碼：

<style type="織夢后臺模板;text/css"> .arcRank ol{ margin:0; padding:0;} .arcRank li{ height:26px; line-height:26px; list-style:none; margin:0 0 10px; overflow:hidden; padding:0;} .arcRank a{ text-decoration:none;} .arcRank em{ background:#666; color:#fff; display:inline-block; font-family:Arial; text-align:center; width:26px;} .arcRank li .n_1{ background:#5c7900;} .arcRank li .n_2{ background:#719500;} .arcRank li .n_3{ background:#89b400;} </style> <div class="arcRank"> <ol> {dede:arclist row='10' flag='p' titlelen='56' infolen='200' orderby='click'} <li> <a href="[field:arcurl/]" title="[field:fulltitle/]"> <em class="n n_[field:global.autoindex /]">[field:global.autoindex /]</em> <span class="t">[field:title/]</span> </a> </li> {/dede:arclist} </ol> </div>

本文是[field:global.autoindex /]的初級應用，如果再配合runphp='yes'和javascript的話可以實現很多超炫的效果，跟版網會在后續慢慢分享出來，本文為跟版網原創，轉載請保留鏈接http://www.genban.org/a/201402/29116.html

相關文章推薦：

1.dedecms后臺文章列表頁顯示文章縮略圖

2.dedecms列表頁有縮略圖顯示圖文列表沒有則文字列表

3.dedecms添加文章提示/templets/plus/win_templet.htm Not Found!

4.給dedecms添織夢模板加文章下載遠程圖片失敗加個提醒功能

5.dedecms5.7轉帝國CMS系統之tag標簽導入

相關免費織夢模板織夢模板網站。

關鍵詞標簽: 織夢 標簽 標題