模板:Temple Song/list/doc
< Template:Temple Song | list
跳至導覽
跳至搜尋
簡介
本模板藉助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:
按再生數排序 | |
---|---|
-- | |
-- | |
-- | |
-- | |
-- | |
-- |
具體實例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:
按再生數排序 | |
---|---|
-- | |
-- | |
-- | |
-- | |
-- | |
-- |