[Ü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