【重要】サービス終了のお知らせ

[webkit用] input slider css demo

piayo

License: MIT License

Fork
1
Fav
1
View
2853
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 46 lines
  • HTML 4 lines
  • CSS 71 lines
chrome extensionで使ったやつ。
webkit(Safari or Chrome)用slider。
ポイントはcss、inputのwidth箇所。
http://jsrun.it/piayo/24E7

あと、
inputで実装したほうがdivで実装するよりdrag中のCPU負荷が少ない。&私が若干webkit病になりつつある。

↓使い先はコレ
https://chrome.google.com/webstore/detail/ckkcfihdjobckmikhjffmjgolbeajoji?hl=ja


*update: 2014.04.10
range.addEventListener('input') for Chrome34
  • [webkit用] input slider css demo
  • [webkit用] input slider css demo

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

piayo

Author

  • Twitter
  • Google+: piayo

ヘタレ雇われweb屋 JS勉強中。html5も勉強中。css3もも勉強中。

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by