社区文档构建进行中,欢迎编辑。社区答疑群(非官方):717421103
全站通知:
超级轮播/样例
刷
历
编
阅读
2022-08-15更新
最新编辑:丩卩夂忄
阅读:
更新日期:2022-08-15
最新编辑:丩卩夂忄
< 超级轮播
跳到导航
跳到搜索
- 本页样例,纯属炫技,请不要学习这样的写法!
2
<div class="SuperCarousel noPause eg2" style="width:200px;height:200px;--s:0s" data-gap="20" data-unit="ms"> <div class="body">{{#arraymap:↑,↗,→,↘,↓,↙,←,↖|,|@|<div class="item">@</div>|}}</div> </div> <bstyle>.SuperCarousel.eg2>.body>.item{font-size:5em}</bstyle>
↑
↗
→
↘
↓
↙
←
↖
1
- 图片来自Pixiv,Pixiv ID=85162550
<div class="SuperCarousel eg1" style="width:100%;aspect-ratio:1920/963;--s:0s" data-gap="40" data-unit="ms"> <div class="body">{{#loop:i|0|16|<div class="item">[[文件:超级轮播_样例1_{{padleft:{{#var:i}}|2}}.jpg|link=]]</div>}}</div> </div> <bstyle>.SuperCarousel.eg1 img{width:100%;height:auto}</bstyle>