Submit your widget

Like the FloatLabel concept with jQuery plugin

Created 6 years ago   Views 8532   downloads 1326    Author athaeryn
Like the FloatLabel concept with jQuery plugin
View DemoDownload 53.0 KB
37
Share |

This demo like the FloatLabel concept. In fact, the goal is not to look like anything at all. The style, transitions, and animations are all determined by CSS. 

Use it

This snippet from the demo is pretty self-explanatory

<script src="/demo/vendor/jquery.min.js"></script>
<script src="/dist/flyLabel.min.js"></script>
<script>
  if (Modernizr.input.placeholder) {
    $('body').flyLabels();
  }
</script>
Of course, a little more explanation can't hurt, right? You can call flyLabels() on a container element, and all the elements with class .fly-group will be automagically made awesome. I'm going to get around to writing more thorough documentation on this soon, but the demo should be helpful for now.
 
Read more:https://github.com/athaeryn/flyLabel.js
Tag: form