[Übersicht]
Tutorials > Javascript > Canvas > Schieberegler  

  PHP Basics
   Administrationsbereich
   Counter
   Umfrage
   Kalender
   Kontaktformular
  Javascript
   WebAudio Player
   WebAudio Player Singles
   Web-Farbmixer
   Beim Scrollen nachladen
     Canvas
      Weihnachtskalender
      BCD Uhr
      Analog Anzeigeinstrument
      Drehregler
      Schieberegler
      Schiebeschalter
     Navigation
      Registerkarten-Navigation
      Rotationsmenue
     Animation & Spiele
      Warp-Flug
      Lichtjockey
  HTML
   HTML 5 Grundgerüst
  CSS
   Responsive Tabelle






php



webhostingbanner 250x250


[Tutorial]   [Download]  

Diese Seite demonstriert eine Auswahl der möglichen Reglertypen. [Zu den Drehreglern]
Linear- oder Stufenregler, auch mit zentraler Nullstellung sowie Leuchtstreifen.
Die aktuelle Stellung kann als Prozentwert ausgelesen werden, angezeigt beim MouseOver.
Die Regler springen beim Rechtsklick wieder auf ihren Ausgangswert.

Hinweis: Aktiviere bitte die Entwickler-Konsole mit F12. Dort werden die Meldungen und Werte ausgegeben.




- Standardregler

- 0-Stellung in der Mitte
- Skala dicker werdend
- Strich in Regenbogen
- Knopf in Silber-Verlauf




- Stufenregler

 

- Skala dicker werdend
- Strich in Regenbogen
- Wert exponentiell progressiv


- 0-Stellung in der Mitte
- Knopf in Silber-Verlauf



- Stufenregler quer