• Címkék:
  • knob
  • input
  • gomb
  • button
  • HTML5

jQuery Knob

Példa 1. Használat minimális deklarációval

Deklaráció

        $(document).ready(function(){
          $('#pelda-1').knob();
        });
      

HTML kód

        <input id="pelda-1" type="text" value="63" />
      

Példa 2. Használat összetettebb deklarációval

Deklaráció

        $(document).ready(function(){
          $('#pelda-2').knob({
            width: 160,
            skin: 'tron',
            cursor: true,
            thickness: .1,
            ticks: 5,
            fgColor: '#ffa200',
            displayPrevious: true
          })
        });
      

HTML kód

        <input id="pelda-2" type="text" value="15" />
      

Példa 3. HTML5 mód

Deklaráció

        $(document).ready(function(){
          $('#pelda-3').knob();
        });
      

HTML kód

        <input id="pelda-3" type="text" value="4" 
          data-width="220" 
          data-readOnly="true" 
          data-fgColor="#ff005a" 
          data-bgColor="#ffdbe8" 
          data-thickness=".1" 
          data-min="0" 
          data-max="6" />
      

« bezár