2023 iThome 鐵人賽

DAY 21

SideProject30

桌球王系列第 21 篇

Day 21 - 使用 Slider 調動行距

15th鐵人賽

阿瑜

2023-10-06 00:30:38

197 瀏覽

分享至

Day 21 - 使用 Slider 調動行距

click Small, slider is 20 (min)

click Large, slider is 50 (MAX)

slider: slide to 35

`show number` when clicking & sliding the slider

padding value adjust

Try it out

https://goish135.github.io/table-tennis-king/

push & deploy

Repo

https://github.com/goish135/table-tennis-king

Day 20 - 動態調整 CSS - 行距

Day 22 - Release TTK(桌球王)

系列文

桌球王共 30 篇

RSS系列文訂閱系列文

0 人訂閱

完整目錄

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

尚未有邦友留言

立即登入留言

參賽組數

1064 組

團體組數

40 組

累計文章數

22202 篇

完賽人數

602 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙

桌球王系列 第 21 篇

Day 21 - 使用 Slider 調動行距

Day 21 - 使用 Slider 調動行距

click Small, slider is 20 (min)

click Large, slider is 50 (MAX)

slider: slide to 35

show number when clicking & sliding the slider

Try it out

push & deploy

Repo

尚未有邦友留言

標記使用者

桌球王系列第 21 篇

`show number` when clicking & sliding the slider