Переключатель слайдера без CSS

Question

Я относительно горжусь этим переключателем: http://jsfiddle.net/AmrnK/

Проблема в том, что это не кросс-браузер, потому что он использует переходы CSS.

Любые предложения для создания чего-то подобного, используявместо jQuery?

Answer 1

Я использую jQuery UI .switchClass() для анимации и jQuery .queue(), чтобы изменить текст в конце анимации, чтобы воспроизвести это поведение: http://jsfiddle.net/william/AmrnK/2/

Вы также можете использовать jQuery .animate(), если выне хочу иметь классы CSS.

Answer 2

В предоставленной вами скрипте CSS3 используется только для придания изогнутой границы и тени HTML-элементам, что невозможно при использовании jQuery. Вы можете использовать изображения, чтобы получить такой внешний вид, только если требуется.

В скрипке тумблер работал только в том случае, если вы нажмете на «Вкл. / Выкл.», Который не является хорошим UX. Я изменил его, чтобы он действовал во всей области переключения, взгляните на эту скрипку.

http://jsfiddle.net/AmrnK/1/