jquery.knobby.js

light | dark

Simple use:

<input type="number" name="test1" min="0" max="100" />
<input type="number" name="test2" min="100" max="200" />

turn and step options

<input type="number" name="test3" value="0" min="0" max="1000" turn="3" step="10" />
<input type="number" name="test4"  value="0" min="0" max="1000" turn=".25" step="50" />

size and handle options

<input type="number" name="test5" turn=".75"  value="0" min="-5" max="10" step=".25" size="2" />
<input type="number" name="test6" turn=".75"  value="0" min="-5" max="10" step=".25" size="10" handle-size="9" handle-gap="0" />
<input type="number" name="test7" turn=".75"  value="0" min="-5" max="10" step=".25" size="1" handle-size="1" handle-gap="0" />

A jQuery plugin by Christian Frauscher