简介
本模板借助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 播放数量:已拥有 -- 次播放 |
使用实例