萌娘百科，萬物皆可萌的百科全書！轉載請標註來源頁面的網頁連結，並聲明引自萌娘百科。內容不可商用。
跳至導覽
跳至搜尋
簡介
本模板藉助HTML表格的jQueryclass="sortable"屬性，通過隱藏表格的數據列，用以實現各類直前列表（如VOCALOID傳說直前曲）的（瀏覽時）自動排序
同時，通過指定<tr>標籤的顯示模式為display:inline-block，以實現與普通列表一致的顯示效果。
由於無法繞過JavaScript來更改排序行為（無法使頁面剛加載時為排序狀態/無法改變第一次按下按鈕時的排序方式），本模板暫不能完全代替手動排序。
用法
{{Temple Song/list|type=可填写niconico/youtube/bilibili或缩写为n/y/b，不填则默认为niconico|
{{Temple Song
（第一首歌曲信息）
}}
|
{{Temple Song
（第二首歌曲信息）
}}
|
......
}}
| 具體實例1(niconico) |
{{Temple Song/list|
{{Temple Song
|color= #39c5bb
|nnd_id= sm22307037
|再生数量 = {{NiconicoCount|id=sm22307037|format=separate}}
|P主=すこっぷ
|投稿时间 = 13/11/22 20:01
|条目 = [[Crier]]
|image link =https://tn.smilevideo.jp/smile?i=22307037}}
|
{{Temple Song
|color= #39C5BB
|nnd_id= sm1952223
|再生数量 = {{NiconicoCount|id=sm1952223|format=separate}}
|P主=[[kz]](livetune)
|投稿时间 = 08/01/05 04:54
|条目 = [[Finder]]
|image link =https://tn.smilevideo.jp/smile?i=1952223}}
|
{{Temple Song
|First color= #39c5bb
|Second color= #ccff00
|nnd_id= sm22542108
|再生数量 = {{NiconicoCount|id=sm22542108|format=separate}}
|P主=[[MARETU]]
|投稿时间 = 13/12/27 20:20
|条目 = [[少女橡皮擦]]
|image link =https://tn.smilevideo.jp/smile?i=22542108}}
|
{{Temple Song
|color= #f5eded
|nnd_id= sm17804161
|再生数量 = {{NiconicoCount|id=sm17804161|format=separate}}
|P主=[[150P]]
|投稿时间 = 12/05/12 20:13
|条目 = [[孤独的捉迷藏]]
|image link =https://tn.smilevideo.jp/smile?i=17804161}}
|
{{Temple Song
|color= #39C5BB
|nnd_id= sm20504537
|再生数量 = {{NiconicoCount|id=sm20504537|format=separate}}
|P主=[[keeno]]
|投稿时间 = 13/04/02 20:55
|条目 = [[drop]]
|image link =https://tn.smilevideo.jp/smile?i=20504537}}
|
{{Temple Song
|First color= #0000ff
|Second color= #D80000
|nnd_id= sm9707593
|再生数量 = {{NiconicoCount|id=sm9707593|format=separate}}
|P主={{lj|根気P}}
|投稿时间 = 10/02/14 09:12
|条目 = [[A Whole New World(根气P)|A Whole New World]]
|image link =https://tn.smilevideo.jp/smile?i=9707593}}
}}
|
- 實現效果1：
| 按再生數排序 |
|---|
| -- | P主：すこっぷ 投稿時間：13/11/22 20:01 播放數量：已擁有 -- 次播放 |
| -- | 投稿時間：08/01/05 04:54 播放數量：已擁有 -- 次播放 |
| -- | 投稿時間：13/12/27 20:20 播放數量：已擁有 -- 次播放 |
| -- | 投稿時間：12/05/12 20:13 播放數量：已擁有 -- 次播放 |
| -- | 投稿時間：13/04/02 20:55 播放數量：已擁有 -- 次播放 |
| -- | P主：根気P 投稿時間：10/02/14 09:12 播放數量：已擁有 -- 次播放 |
| 具體實例2(bilibili) |
{{Temple Song/list|type=b|
{{Temple Song
|First color = #f5eded
|Second color = #777777
|bb_id= av918391
|曲目 = [[ViR to ReaL]]
|UP主 = [[VelecTi]]
|投稿时间 = 2014-01-19 14:48
|再生数量 ={{bilibiliCount|id=918391}}
|image link = http://i2.hdslb.com/bfs/archive/ae12a60be7c3dfd84aae3ce35d2635e5810404d5.png}}
|
{{Temple Song
|传说 = 1
|color = #39C5BB
|bb_id= av1479250
|曲目 = [[坚定的Eye]]
|UP主 = [[Mitchie M]]
|投稿时间 = 2014-08-29 15:33
|再生数量 ={{bilibiliCount|id=1479250}}
|image link = http://i2.hdslb.com/bfs/archive/f4cf1132890e6313f4bb5329a806f049cefa32bd.jpg}}
|
{{Temple Song
|color = #39C5BB
|bb_id= av1506064
|曲目 = [[小苹果]](翻)
|UP主 = 板烧鹅尼子
|投稿时间 = 2014-09-07 00:15
|再生数量 ={{bilibiliCount|id=1506064}}
|image link = http://i0.hdslb.com/bfs/archive/968963c49551a315a74611ffe96de74c830b647f.jpg}}
|
{{Temple Song
|color = #66CCFF
|bb_id= av1749514
|曲目 = [[千本樱]](翻)
|UP主 = 赤夜千樱
|投稿时间 = 2014-11-26 21:35
|再生数量 ={{bilibiliCount|id=1749514}}
|image link = http://i0.hdslb.com/bfs/archive/6e0210c3e2bf345a4a5eff1b77266c7e66baff83.jpg}}
|
{{Temple Song
|color = #39C5BB
|bb_id= av1776919
|曲目 = [[朱红]]
|UP主 = Gunx
|投稿时间 = 2014-12-06 13:18
|再生数量 ={{bilibiliCount|id=1776919}}
|image link = http://i0.hdslb.com/bfs/archive/e07eea616998cd247b516202dd549a199e5617e0.jpg}}
|
{{Temple Song
|color = #39C5BB
|bb_id= av1796256
|曲目 = [[喜欢！雪！真实的魔法]]
|UP主 = [[Mitchie M]]
|投稿时间 = 2014-12-13 13:59
|再生数量 ={{bilibiliCount|id=1796256}}
|image link = http://i2.hdslb.com/bfs/archive/bf713ae35205e669d4011e555be0ee5e7cd40916.jpg}}
}}
|
- 實現效果2：
| 按再生數排序 |
|---|
| -- | 投稿時間：2014-01-19 14:48 播放數量：已擁有 -- 次播放 |
| -- | 投稿時間：2014-08-29 15:33 播放數量：已擁有 -- 次播放 |
| -- | UP主：板燒鵝尼子 投稿時間：2014-09-07 00:15 播放數量：已擁有 -- 次播放 |
| -- | UP主：赤夜千櫻 投稿時間：2014-11-26 21:35 播放數量：已擁有 -- 次播放 |
| -- | UP主：Gunx 投稿時間：2014-12-06 13:18 播放數量：已擁有 -- 次播放 |
| -- | 投稿時間：2014-12-13 13:59 播放數量：已擁有 -- 次播放 |
使用實例
模板文檔
