mooSlidingLabels - 1.0 - Demo
mooSlidingLabels 1.0 Demos
  • This labels will slide left.
  • The slide Out speed is set to 1 second (1000 ms).

new mooSlidingLabel($$('input.left'),{
slideTo:'left',
speedOut:1000
});

  • This labels will slide right.
  • The slide Out speed is set to 100ms.
  • The label text is taken form the value property, instead of the placeholder.

new mooSlidingLabel($$('input.right'),{
slideTo:'right',
speedOut:100,
property:'value'
});

  • This labels will slide top.
  • The slide Out speed is set to 500ms.
  • The slide In speed is set to 1500ms.

new mooSlidingLabel($$('input.top'),{
slideTo:'top',
speedOut:500,
speedIn: 1500
});

  • This labels will slide bottom.
  • The rest of the options are the default.

new mooSlidingLabel($$('input.bottom'),{
slideTo:'bottom'});