html 슬라이더 커서 위치대로 value 도 함께 움직이게 하고 싶어요~

Question

http://thecodeplayer.com/walkthrough/spicing-up-the-html5-range-slider-input해당 홈페이지 참조했는데요~reel 기능 빼고 숫자만 같이 커서와 함께 이동시키고 싶어요~ 도와주세요~

timeclip · Answer

주석 달아놓은 부분만 변경하시면 됩니다. 쓸모없는 코드들은 추가로 정리해야할 것 같구요.원하는 동작이 맞는지 모르겠네요. 도움이 되셨으면 좋겠습니다 ^^ <input type&#61;&#34;range&#34; id&#61;&#34;rangeslider&#34; min&#61;&#34;0&#34; max&#61;&#34;30&#34; value&#61;&#34;20&#34; step&#61;&#34;0.05&#34; oninput&#61;&#34;updateOutput(value, false /* true -> false */)&#34; onchange&#61;&#34;deactivate()&#34; onmouseup&#61;&#34;deactivate()&#34; /> #reel { display: none; /* 추가 */ width: 54px; height: 54px; overflow: hidden; position: absolute; top: 0; /*left pos will be controlled by JS*/ opacity: 0; transition: opacity 0.25s; }

개발자워니 · Answer

감사합니다~

html 슬라이더 커서 위치대로 value 도 함께 움직이게 하고 싶어요~

2개의 답변

#range 목록